gitscope
/
← marzneshin / dashboard/src/common/stats-charts/components/select-date-view.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/common/stats-charts/components/select-date-view.tsx · v0.6.1
Source
1 b15de9e Erfan 2y ago import type { FC, PropsWithChildren } from 'react';
2 e6e6467 Dawsh 2y ago import {
3 b15de9e Erfan 2y ago RadioGroup,
4 b15de9e Erfan 2y ago RadioGroupItem,
5 b15de9e Erfan 2y ago Label
6 e6e6467 Dawsh 2y ago } from "@marzneshin/components";
7 b15de9e Erfan 2y ago
8 b15de9e Erfan 2y ago const SelectDateViewItem: FC<PropsWithChildren & { interval: string }> = ({ interval, children }) => (
9 b15de9e Erfan 2y ago <div className="flex gap-2 justify-center items-center relative rounded-full py-0.5 px-1 cursor-pointer">
10 b15de9e Erfan 2y ago <RadioGroupItem
11 b15de9e Erfan 2y ago value={interval}
12 b15de9e Erfan 2y ago id={interval}
13 b15de9e Erfan 2y ago className="sr-only peer"
14 b15de9e Erfan 2y ago />
15 b15de9e Erfan 2y ago <Label
16 b15de9e Erfan 2y ago htmlFor={interval}
17 b15de9e Erfan 2y ago className="dark:peer-data-[state=checked]:bg-primary-foreground dark:peer-data-[state=checked]:border-primary peer-data-[state=checked]:border-primary peer-data-[state=checked]:border-1 border-0 peer-data-[state=checked]:text-primary-foreground dark:peer-data-[state=checked]:text-primary peer-data-[state=checked]:bg-primary dark:peer-data-[state=checked]:text-white text-xs rounded-full py-0.5 px-2 transition-colors"
18 b15de9e Erfan 2y ago >
19 b15de9e Erfan 2y ago {children}
20 b15de9e Erfan 2y ago </Label>
21 b15de9e Erfan 2y ago </div>
22 b15de9e Erfan 2y ago )
23 e6e6467 Dawsh 2y ago
24 e6e6467 Dawsh 2y ago export const SelectDateView = (
25 e6e6467 Dawsh 2y ago { timeRange, setTimeRange }: { timeRange: string, setTimeRange: (s: string) => void }
26 e6e6467 Dawsh 2y ago ) => {
27 e6e6467 Dawsh 2y ago return (
28 b15de9e Erfan 2y ago <RadioGroup
29 b15de9e Erfan 2y ago className="bg-muted border flex flex-row rounded-full"
30 b15de9e Erfan 2y ago value={timeRange}
31 b15de9e Erfan 2y ago onValueChange={setTimeRange}
32 b15de9e Erfan 2y ago >
33 b15de9e Erfan 2y ago <SelectDateViewItem interval="1d"> 24H</SelectDateViewItem>
34 b15de9e Erfan 2y ago <SelectDateViewItem interval="7d"> 7D</SelectDateViewItem>
35 b15de9e Erfan 2y ago <SelectDateViewItem interval="30d"> 30D</SelectDateViewItem>
36 b15de9e Erfan 2y ago <SelectDateViewItem interval="90d"> 3M</SelectDateViewItem>
37 b15de9e Erfan 2y ago </RadioGroup>
38 e6e6467 Dawsh 2y ago )
39 e6e6467 Dawsh 2y ago };