ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-09 02:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend indentation set to 2

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-21 17:47:04 +00:00
parent 70504b3056
commit 5a5e40659c
117 changed files with 7548 additions and 7785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
packages/frontend/src/components/user-select.tsx
View File

@@ -4,56 +4,56 @@ import SmallUserDisplay from "@/components/small-user-display";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
export function UserSelect({
users,
value,
onChange,
fallbackUser,
placeholder = "Select user",
users,
value,
onChange,
fallbackUser,
placeholder = "Select user",
}: {
users: UserRecord[];
value: string;
onChange: (value: string) => void;
fallbackUser?: UserRecord | null;
placeholder?: string;
users: UserRecord[];
value: string;
onChange: (value: string) => void;
fallbackUser?: UserRecord | null;
placeholder?: string;
}) {
const [isOpen, setIsOpen] = useState(false);
const [isOpen, setIsOpen] = useState(false);
const renderSelectedValue = () => {
if (value === "unassigned") {
return "Unassigned";
}
const renderSelectedValue = () => {
if (value === "unassigned") {
return "Unassigned";
}
const user = users.find((u) => u.id.toString() === value);
const className = "p-0 py-2 text-sm";
const user = users.find((u) => u.id.toString() === value);
const className = "p-0 py-2 text-sm";
if (user) {
return <SmallUserDisplay user={user} className={className} />;
}
if (user) {
return <SmallUserDisplay user={user} className={className} />;
}
if (fallbackUser) {
return <SmallUserDisplay user={fallbackUser} className={className} />;
}
if (fallbackUser) {
return <SmallUserDisplay user={fallbackUser} className={className} />;
}
return null;
};
return null;
};
return (
<Select value={value} onValueChange={onChange} onOpenChange={setIsOpen}>
<SelectTrigger className="w-fit p-0 px-2 py-2" isOpen={isOpen}>
<SelectValue placeholder={placeholder}>{renderSelectedValue()}</SelectValue>
</SelectTrigger>
<SelectContent
side="bottom"
position="popper"
className="data-[side=bottom]:translate-y-1 data-[side=bottom]:translate-x-1"
>
<SelectItem value="unassigned">Unassigned</SelectItem>
{users.map((user) => (
<SelectItem key={user.id} value={user.id.toString()}>
<SmallUserDisplay user={user} className="p-0" />
</SelectItem>
))}
</SelectContent>
</Select>
);
return (
<Select value={value} onValueChange={onChange} onOpenChange={setIsOpen}>
<SelectTrigger className="w-fit p-0 px-2 py-2" isOpen={isOpen}>
<SelectValue placeholder={placeholder}>{renderSelectedValue()}</SelectValue>
</SelectTrigger>
<SelectContent
side="bottom"
position="popper"
className="data-[side=bottom]:translate-y-1 data-[side=bottom]:translate-x-1"
>
<SelectItem value="unassigned">Unassigned</SelectItem>
{users.map((user) => (
<SelectItem key={user.id} value={user.id.toString()}>
<SmallUserDisplay user={user} className="p-0" />
</SelectItem>
))}
</SelectContent>
</Select>
);
}