c1d90eb438
* [WIP] checkpoint before pull & merge - Added teams to sidebar - Refactored team settings - Improved team list UI This code will be partly reverted next commit. * [WIP] - Moved team code back to components - Removed team link from sidebar - Built new team manager screen based on Event Type designs - Component-ized frequently reused code (SettingInputContainer, FlatIconButton) * [WIP] - Created LinkIconButton as standalone component - Added functionality to sidebar of team settings - Fixed type bug on public team page induced by my normalization of members array in team query - Removed teams-old which was kept as refrence - Cleaned up loose ends * [WIP] - added create team model - fixed profile missing label due to my removal of default label from component * [WIP] - Fixed TeamCreateModal trigger - removed TeamShell, it didn't make the cut - added getPlaceHolderAvatar - renamed TeamCreate to TeamCreateModal - removed deprecated UsernameInput and replaced uses with suggested TextField * fix save button * [WIP] - Fixed drop down actions on team list - Cleaned up state updates * [WIP] converting teams to tRPC * [WIP] Finished refactor to tRPC * [WIP] Finishing touches * [WIP] Team availability beginning * team availability mvp * - added validation to change role - modified layout of team availability - corrected types * fix ui issue on team availability screen * - added virtualization to team availability - added flexChildrenContainer boolean to Shell to allow for flex on children * availability style fix * removed hard coded team type as teams now use inferred type from tRPC * Removed unneeded vscode settings * Reverted prisma schema * Fixed migrations * Removes unused dayjs plugins * Reverts type regression * Type fix * Type fixes * Type fixes * Moves team availability code to ee Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: zomars <zomars@me.com>
25 lines
656 B
TypeScript
25 lines
656 B
TypeScript
export default function SettingInputContainer({
|
|
Input,
|
|
Icon,
|
|
label,
|
|
htmlFor,
|
|
}: {
|
|
Input: React.ReactNode;
|
|
Icon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
|
|
label: string;
|
|
htmlFor?: string;
|
|
}) {
|
|
return (
|
|
<div className="space-y-3">
|
|
<div className="block sm:flex">
|
|
<div className="mb-4 min-w-48 sm:mb-0">
|
|
<label htmlFor={htmlFor} className="flex mt-1 text-sm font-medium text-neutral-700">
|
|
<Icon className="w-4 h-4 mr-2 mt-0.5 text-neutral-500" />
|
|
{label}
|
|
</label>
|
|
</div>
|
|
<div className="flex-grow w-full">{Input}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|