icons in select

This commit is contained in:
Oliver Bryan
2026-01-21 13:53:14 +00:00
parent ee53eaf003
commit 845f40de04
3 changed files with 8 additions and 2 deletions

View File

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

View File

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

View File

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