ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 18:33:01 +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

92
packages/frontend/src/pages/Test.tsx
View File

@@ -6,56 +6,56 @@ import ColourPicker from "@/components/ui/colour-picker";
import Icon, { iconNames, iconStyles } from "@/components/ui/icon";
function Test() {
const [colour, setColour] = useState("#e05656");
const [colour, setColour] = useState("#e05656");
return (
<main className="w-full min-h-[100vh] flex justify-center items-center gap-32 p-4">
<div className="mt-8 flex flex-col items-center gap-4">
<p className="text-muted-foreground">Other test components</p>
<div className="flex gap-4">
<Button linkTo="/">go back to "/"</Button>
</div>
<LogOutButton />
<ColourPicker colour={colour} onChange={setColour} />
return (
<main className="w-full min-h-[100vh] flex justify-center items-center gap-32 p-4">
<div className="mt-8 flex flex-col items-center gap-4">
<p className="text-muted-foreground">Other test components</p>
<div className="flex gap-4">
<Button linkTo="/">go back to "/"</Button>
</div>
<LogOutButton />
<ColourPicker colour={colour} onChange={setColour} />
<ThemeToggle />
</div>
<ThemeToggle />
</div>
<div>
<h1 className="text-2xl font-bold">Icon Demo</h1>
<p className="text-muted-foreground">
All {iconNames.length} icons across {iconStyles.length} styles
</p>
<div>
<h1 className="text-2xl font-bold">Icon Demo</h1>
<p className="text-muted-foreground">
All {iconNames.length} icons across {iconStyles.length} styles
</p>
<div className="overflow-x-auto">
<table className="border-collapse">
<thead>
<tr className="border-b">
<th className="text-left p-2 font-medium">Name</th>
{iconStyles.map((iconStyle) => (
<th key={iconStyle} className="text-center p-2 font-medium capitalize">
{iconStyle}
</th>
))}
</tr>
</thead>
<tbody>
{iconNames.map((name) => (
<tr key={name} className="border-b hover:bg-muted/50">
<td className="font-mono text-sm pl-2 pr-12">{name}</td>
{iconStyles.map((iconStyle) => (
<td key={iconStyle} className="p-2 text-center">
<Icon icon={name} iconStyle={iconStyle} size={24} />
</td>
))}
</tr>
))}
</tbody>
</table>
</div>
</div>
</main>
);
<div className="overflow-x-auto">
<table className="border-collapse">
<thead>
<tr className="border-b">
<th className="text-left p-2 font-medium">Name</th>
{iconStyles.map((iconStyle) => (
<th key={iconStyle} className="text-center p-2 font-medium capitalize">
{iconStyle}
</th>
))}
</tr>
</thead>
<tbody>
{iconNames.map((name) => (
<tr key={name} className="border-b hover:bg-muted/50">
<td className="font-mono text-sm pl-2 pr-12">{name}</td>
{iconStyles.map((iconStyle) => (
<td key={iconStyle} className="p-2 text-center">
<Icon icon={name} iconStyle={iconStyle} size={24} />
</td>
))}
</tr>
))}
</tbody>
</table>
</div>
</div>
</main>
);
}
export default Test;