cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix checkbox dark mode UI
All checks were successful
Lint / lint (20.x) (pull_request) Successful in 4m38s
Details

Browse Source
This commit is contained in:
Isha 2024-11-06 17:30:24 +05:30 committed by Nabarun
parent 9158e3a840
commit b5493c42a7
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariablesForm.tsx
View File

@ -1,11 +1,15 @@
import { useEffect, useMemo } from 'react'; import { useEffect, useMemo } from 'react';
import { useFieldArray, useFormContext } from 'react-hook-form'; import { useFieldArray, useFormContext } from 'react-hook-form';
// TODO: Use custom checkbox component
// Custom checkbox component does not work with react-hook-form
import { Checkbox } from '@snowballtools/material-tailwind-react-fork';
// import { Checkbox } from 'components/shared/Checkbox';
import { Button } from 'components/shared/Button'; import { Button } from 'components/shared/Button';
import { InlineNotification } from 'components/shared/InlineNotification'; import { InlineNotification } from 'components/shared/InlineNotification';
import AddEnvironmentVariableRow from 'components/projects/project/settings/AddEnvironmentVariableRow'; import AddEnvironmentVariableRow from 'components/projects/project/settings/AddEnvironmentVariableRow';
import { EnvironmentVariablesFormValues } from 'types/types'; import { EnvironmentVariablesFormValues } from 'types/types';
import { Checkbox } from 'components/shared/Checkbox';
const EnvironmentVariablesForm = () => { const EnvironmentVariablesForm = () => {
const { const {
@ -67,10 +71,19 @@ const EnvironmentVariablesForm = () => {
/> />
)} )}
<div className="flex gap-2 p-2"> <div className="flex gap-2 p-2">
<Checkbox label="Production" {...register('environment.production')} /> <Checkbox
<Checkbox label="Preview" {...register('environment.preview')} /> label="Production"
labelProps={{ className: "text-gray-900 dark:text-white" }}
{...register('environment.production')}
/>
<Checkbox
label="Preview"
labelProps={{ className: "text-gray-900 dark:text-white" }}
{...register('environment.preview')}
/>
<Checkbox <Checkbox
label="Development" label="Development"
labelProps={{ className: "text-gray-900 dark:text-white" }}
{...register('environment.development')} {...register('environment.development')}
/> />
</div> </div>