add icon to time select

beszel/site/src/components/charts/chart-time-select.tsx

@@ -9,6 +9,7 @@ import { $chartTime } from '@/lib/stores'
 import { chartTimeData, cn } from '@/lib/utils'
 import { ChartTimes } from '@/types'
 import { useStore } from '@nanostores/react'
+import { HistoryIcon } from 'lucide-react'
 
 export default function ChartTimeSelect({ className }: { className?: string }) {
 	const chartTime = useStore($chartTime)
@@ -19,7 +20,8 @@ export default function ChartTimeSelect({ className }: { className?: string }) {
 			value={chartTime}
 			onValueChange={(value: ChartTimes) => $chartTime.set(value)}
 		>
-			<SelectTrigger className={cn(className, 'px-5')}>
+			<SelectTrigger className={cn(className, 'relative pl-10 pr-5')}>
+				<HistoryIcon className="h-4 w-4 absolute left-4 top-1/2 -translate-y-1/2 opacity-80" />
 				<SelectValue />
 			</SelectTrigger>
 			<SelectContent>

beszel/site/src/components/routes/home.tsx

@@ -49,10 +49,9 @@ export default function () {
 							</CardDescription>
 						</div>
 						<Input
-							// @ts-ignore
 							placeholder="Filter..."
 							onChange={(e) => setFilter(e.target.value)}
-							className="w-full md:w-56 lg:w-80 ml-auto"
+							className="w-full md:w-56 lg:w-80 ml-auto pl-4"
 						/>
 					</div>
 				</CardHeader>