← marzneshin
/
dashboard/src/modules/users/components/dialogs/mutation/sections/data-limit/index.tsx
/
blame
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/modules/users/components/dialogs/mutation/sections/data-limit/index.tsx
· master
Source
| 1 | f035f9d | Mardin | 2y ago | import { FC } from "react"; |
| 2 | 7389ad0 | Mardin | 2y ago | import { FormLabel, Switch } from '@marzneshin/common/components'; |
| 3 | f035f9d | Mardin | 2y ago | import { useTranslation } from 'react-i18next'; |
| 4 | f035f9d | Mardin | 2y ago | import { DataLimitField, DataLimitResetStrategyField } from "../../fields"; |
| 5 | f035f9d | Mardin | 2y ago | import { useDataLimit } from "./use-data-limit"; |
| 6 | f035f9d | Mardin | 2y ago | |
| 7 | f035f9d | Mardin | 2y ago | export const DataLimitFields: FC = () => { |
| 8 | f035f9d | Mardin | 2y ago | const { t } = useTranslation(); |
| 9 | f035f9d | Mardin | 2y ago | const { isDataLimitEnabled, setIsDataLimitEnabled } = useDataLimit(); |
| 10 | f035f9d | Mardin | 2y ago | |
| 11 | f035f9d | Mardin | 2y ago | return ( |
| 12 | f035f9d | Mardin | 2y ago | <div className="my-2"> |
| 13 | f035f9d | Mardin | 2y ago | <FormLabel className="hstack justify-between items-center text-md my-2" > |
| 14 | f035f9d | Mardin | 2y ago | {t('page.users.data_limit_method')} |
| 15 | e381b12 | Mardin | 2y ago | <Switch |
| 16 | e381b12 | Mardin | 2y ago | checked={isDataLimitEnabled} |
| 17 | e381b12 | Mardin | 2y ago | onCheckedChange={() => setIsDataLimitEnabled(!isDataLimitEnabled)} |
| 18 | e381b12 | Mardin | 2y ago | /> |
| 19 | f035f9d | Mardin | 2y ago | </FormLabel> |
| 20 | e381b12 | Mardin | 2y ago | {isDataLimitEnabled && ( |
| 21 | e381b12 | Mardin | 2y ago | <div className="flex gap-2 items-center w-full sm:flex-row md:flex-col"> |
| 22 | f035f9d | Mardin | 2y ago | <div className="flex gap-2 items-center w-full"> |
| 23 | f035f9d | Mardin | 2y ago | <DataLimitField /> |
| 24 | e381b12 | Mardin | 2y ago | <DataLimitResetStrategyField /> |
| 25 | f035f9d | Mardin | 2y ago | </div> |
| 26 | e381b12 | Mardin | 2y ago | </div> |
| 27 | e381b12 | Mardin | 2y ago | )} |
| 28 | f035f9d | Mardin | 2y ago | </div> |
| 29 | f035f9d | Mardin | 2y ago | ); |
| 30 | f035f9d | Mardin | 2y ago | }; |