progress on settings page

beszel/site/src/components/routes/settings/general.tsx

@@ -0,0 +1,46 @@
+import { Button } from '@/components/ui/button'
+import { Label } from '@/components/ui/label'
+import {
+	Select,
+	SelectContent,
+	SelectItem,
+	SelectTrigger,
+	SelectValue,
+} from '@/components/ui/select'
+import { chartTimeData } from '@/lib/utils'
+import { Separator } from '@/components/ui/separator'
+
+export default function SettingsProfilePage() {
+	return (
+		<div>
+			{/* <div>
+				<h3 className="text-lg font-medium mb-1">General</h3>
+				<p className="text-sm text-muted-foreground">Set your preferred language and timezone.</p>
+			</div>
+			<Separator className="mt-6 mb-5" /> */}
+			<div className="space-y-5">
+				<div className="space-y-2">
+					<Label>Default chart period</Label>
+					{/* <Input placeholder="Username" /> */}
+					<Select defaultValue="1h">
+						<SelectTrigger>
+							<SelectValue />
+						</SelectTrigger>
+						<SelectContent>
+							{Object.entries(chartTimeData).map(([value, { label }]) => (
+								<SelectItem key={label} value={value}>
+									{label}
+								</SelectItem>
+							))}
+						</SelectContent>
+					</Select>
+					<p className="text-[0.8rem] text-muted-foreground">
+						Sets the default time range for charts.
+					</p>
+				</div>
+				<Separator />
+				<Button type="submit">Save settings</Button>
+			</div>
+		</div>
+	)
+}