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

Fix check boxes in environment variables form #36

Merged
nabarun merged 1 commits from iv-checkbox into main 2024-11-06 13:11:04 +00:00
Conversation 0 Commits 1 Files Changed 1 +16 -3
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b5493c42a7 - Show all commits

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>