icons in select

packages/frontend/src/components/organisation-select.tsx

@@ -15,6 +15,7 @@ import {
 } from "@/components/ui/select";
 import { useOrganisations } from "@/lib/query/hooks";
 import { cn } from "@/lib/utils";
+import OrgIcon from "./org-icon";
 
 export function OrganisationSelect({
     placeholder = "Select Organisation",
@@ -95,6 +96,13 @@ export function OrganisationSelect({
                             key={organisation.Organisation.id}
                             value={`${organisation.Organisation.id}`}
                         >
+                            <OrgIcon
+                                name={organisation.Organisation.name}
+                                slug={organisation.Organisation.slug}
+                                iconURL={organisation.Organisation.iconURL}
+                                size={6}
+                                textClass="text-sm"
+                            />
                             {organisation.Organisation.name}
                         </SelectItem>
                     ))}

packages/frontend/src/components/upload-avatar.tsx

@@ -42,7 +42,6 @@ export function UploadAvatar({
 
             toast.success(
                 <div className="flex flex-col items-center gap-4">
-                    <img src={url} alt="Avatar" className="w-32 h-32" />
                     Avatar uploaded successfully
                 </div>,
                 {

packages/frontend/src/components/upload-org-icon.tsx

@@ -43,7 +43,6 @@ export function UploadOrgIcon({
 
             toast.success(
                 <div className="flex flex-col items-center gap-4">
-                    <img src={url} alt="Organisation icon" className="size-32" />
                     Organisation icon uploaded successfully
                 </div>,
                 {