diff --git a/apps/web/app/(org)/dashboard/settings/account/Settings.tsx b/apps/web/app/(org)/dashboard/settings/account/Settings.tsx index 8c4c56b280..0de4164e29 100644 --- a/apps/web/app/(org)/dashboard/settings/account/Settings.tsx +++ b/apps/web/app/(org)/dashboard/settings/account/Settings.tsx @@ -16,6 +16,7 @@ import { useEffect, useId, useState } from "react"; import { toast } from "sonner"; import { removeProfileImage } from "@/actions/account/remove-profile-image"; import { uploadProfileImage } from "@/actions/account/upload-profile-image"; +import { SignedImageUrl } from "@/components/SignedImageUrl"; import { useDashboardContext } from "../../Contexts"; import { ProfileImage } from "./components/ProfileImage"; import { patchAccountSettings } from "./server"; @@ -243,6 +244,14 @@ export const Settings = ({ options={(organizationData || []).map((org) => ({ value: org.organization.id, label: org.organization.name, + image: ( + + ), }))} /> diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx index b438b088c0..e779fd0ed0 100644 --- a/packages/ui/src/components/Select.tsx +++ b/packages/ui/src/components/Select.tsx @@ -12,7 +12,11 @@ function Select({ value, ...props }: React.ComponentProps & { - options: { value: string; label: string }[]; + options: { + value: string; + label: string; + image?: React.ReactNode; + }[]; onValueChange: (value: string) => void; placeholder: string; }) { @@ -29,7 +33,10 @@ function Select({ {options.map((option) => ( - {option.label} +
+ {option.image} + {option.label} +
))}