From 845f40de0498a7ed123cbe5e9764eacbc4aac4af Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Wed, 21 Jan 2026 13:53:14 +0000
Subject: [PATCH] icons in select

---
 packages/frontend/src/components/organisation-select.tsx | 8 ++++++++
 packages/frontend/src/components/upload-avatar.tsx       | 1 -
 packages/frontend/src/components/upload-org-icon.tsx     | 1 -
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/organisation-select.tsx b/packages/frontend/src/components/organisation-select.tsx
index 30109b6..a1cdcfe 100644
--- a/packages/frontend/src/components/organisation-select.tsx
+++ b/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>
                     ))}
diff --git a/packages/frontend/src/components/upload-avatar.tsx b/packages/frontend/src/components/upload-avatar.tsx
index d18b6ad..d55365c 100644
--- a/packages/frontend/src/components/upload-avatar.tsx
+++ b/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>,
                 {
diff --git a/packages/frontend/src/components/upload-org-icon.tsx b/packages/frontend/src/components/upload-org-icon.tsx
index d309d56..e74c4f6 100644
--- a/packages/frontend/src/components/upload-org-icon.tsx
+++ b/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>,
                 {