From 92e1b1a94c4b1ecac14365743c85f30fbe7ad325 Mon Sep 17 00:00:00 2001 From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com> Date: Sat, 23 May 2026 16:03:12 +0000 Subject: [PATCH] fix biome formatting in account settings Co-Authored-By: Claude Opus 4.5 --- apps/web/components/settings/account.tsx | 370 +++++++++++++---------- 1 file changed, 208 insertions(+), 162 deletions(-) diff --git a/apps/web/components/settings/account.tsx b/apps/web/components/settings/account.tsx index b08dac71..a27b39a5 100644 --- a/apps/web/components/settings/account.tsx +++ b/apps/web/components/settings/account.tsx @@ -108,7 +108,6 @@ const ROLE_LABELS: Record = { type InviteRole = "admin" | "member" - function getErrorMessage(error: unknown, fallback: string) { if (error instanceof Error && error.message) return error.message if ( @@ -183,8 +182,12 @@ export default function Account() { const [inviteDialogOpen, setInviteDialogOpen] = useState(false) const [inviteEmail, setInviteEmail] = useState("") const [inviteRole, setInviteRole] = useState("member") - const [inviteAccessType, setInviteAccessType] = useState<"full" | "restricted">("full") - const [inviteAssignments, setInviteAssignments] = useState<{ containerTag: string; permission: "read" | "write" }[]>([]) + const [inviteAccessType, setInviteAccessType] = useState< + "full" | "restricted" + >("full") + const [inviteAssignments, setInviteAssignments] = useState< + { containerTag: string; permission: "read" | "write" }[] + >([]) const [tagQuery, setTagQuery] = useState("") const [tagDropdownOpen, setTagDropdownOpen] = useState(false) const tagInputRef = useRef(null) @@ -193,13 +196,18 @@ export default function Account() { const selectedTagSet = new Set(inviteAssignments.map((a) => a.containerTag)) const filteredTags = useMemo(() => { - const available = (allContainerTags ?? []).map((t) => t.containerTag).filter((t) => !selectedTagSet.has(t)) + const available = (allContainerTags ?? []) + .map((t) => t.containerTag) + .filter((t) => !selectedTagSet.has(t)) if (!tagQuery) return available - return available.filter((t) => t.toLowerCase().includes(tagQuery.toLowerCase())) + return available.filter((t) => + t.toLowerCase().includes(tagQuery.toLowerCase()), + ) }, [allContainerTags, selectedTagSet, tagQuery]) const showAccessType = inviteRole === "member" - const showTagPicker = inviteRole === "member" && inviteAccessType === "restricted" + const showTagPicker = + inviteRole === "member" && inviteAccessType === "restricted" const canSwitchOrg = (allOrgs?.length ?? 0) > 1 const { data: orgSummaries } = useOrgSummaries() @@ -268,14 +276,20 @@ export default function Account() { if (!org?.id) throw new Error("No active organization") const email = inviteEmail.trim().toLowerCase() if (!email) throw new Error("Enter an email address") - const isRestricted = inviteRole === "member" && inviteAccessType === "restricted" + const isRestricted = + inviteRole === "member" && inviteAccessType === "restricted" const result = await authClient.organization.inviteMember({ email, role: inviteRole, organizationId: org.id, resend: true, ...(isRestricted && inviteAssignments.length > 0 - ? { data: { accessType: "restricted", containerTags: inviteAssignments } } + ? { + data: { + accessType: "restricted", + containerTags: inviteAssignments, + }, + } : {}), }) if (result.error) { @@ -997,169 +1011,201 @@ export default function Account() { {/* Container tag picker (only for Restricted) */} {showTagPicker && (
-

+ Spaces +

+ + 0 || + (tagQuery.trim().length > 0 && + !selectedTagSet.has(tagQuery.trim()))) + } + onOpenChange={setTagDropdownOpen} + > + +
- Spaces -

- - 0 || (tagQuery.trim().length > 0 && !selectedTagSet.has(tagQuery.trim())))} - onOpenChange={setTagDropdownOpen} - > - -
- { - setTagQuery(e.target.value) - if (!tagDropdownOpen) setTagDropdownOpen(true) - }} - onClick={() => setTagDropdownOpen(true)} - onFocus={() => setTagDropdownOpen(true)} - placeholder="Search or create spaces..." - className={cn( - dmSans125ClassName(), - "h-full w-full bg-transparent pl-3 pr-8 text-[13px] text-[#FAFAFA] placeholder:text-[#525D6E] outline-none", - )} - /> - -
- - e.preventDefault()} - onPointerDownOutside={(e) => { - if (tagAnchorRef.current?.contains(e.target as Node)) { - e.preventDefault() - } + { + setTagQuery(e.target.value) + if (!tagDropdownOpen) setTagDropdownOpen(true) }} - > - {filteredTags.map((tag) => ( - - ))} - {tagQuery.trim().length > 0 && !selectedTagSet.has(tagQuery.trim()) && !(allContainerTags ?? []).some((t) => t.containerTag.toLowerCase() === tagQuery.trim().toLowerCase()) && ( - - )} - - - - {/* Selected tags */} - {inviteAssignments.length > 0 && ( -
- {inviteAssignments.map((a) => ( -
- - - {a.containerTag} - -
- {(["read", "write"] as const).map((perm) => { - const active = a.permission === perm - return ( - - ) - })} -
-
- ))} -
- )} - - {inviteAssignments.length === 0 && ( -

setTagDropdownOpen(true)} + onFocus={() => setTagDropdownOpen(true)} + placeholder="Search or create spaces..." className={cn( dmSans125ClassName(), - "text-[12px] text-[#525D6E]", + "h-full w-full bg-transparent pl-3 pr-8 text-[13px] text-[#FAFAFA] placeholder:text-[#525D6E] outline-none", + )} + /> + +

+ + e.preventDefault()} + onPointerDownOutside={(e) => { + if (tagAnchorRef.current?.contains(e.target as Node)) { + e.preventDefault() + } + }} + > + {filteredTags.map((tag) => ( + + ))} + {tagQuery.trim().length > 0 && + !selectedTagSet.has(tagQuery.trim()) && + !(allContainerTags ?? []).some( + (t) => + t.containerTag.toLowerCase() === + tagQuery.trim().toLowerCase(), + ) && ( + + )} + + + + {/* Selected tags */} + {inviteAssignments.length > 0 && ( +
+ {inviteAssignments.map((a) => ( +
+ + + {a.containerTag} + +
+ {(["read", "write"] as const).map((perm) => { + const active = a.permission === perm + return ( + + ) + })} +
+
+ ))} +
+ )} + + {inviteAssignments.length === 0 && ( +

+ Select at least one space +

+ )}
)}