dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-11 12:25:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: add radio button group

Browse Source
This commit is contained in:
joel@joellee.org committed 2023-05-19 01:00:28 +08:00
1 parent ea57faaa83
commit 108c32dde3
1 file changed
+37 -20
Download Patch File Download Diff File Expand all files Collapse all files
studio/components/interfaces/Auth/AutoSchemaForm.tsx
+37 -20
View File
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
import { observer } from 'mobx-react-lite'
import { boolean, number, object, string } from 'yup'
import { PermissionAction } from '@supabase/shared-types/out/constants'
import { Button, Form, Input, IconEye, IconEyeOff, InputNumber, Toggle } from 'ui'
import { Button, Form, Input, IconEye, IconEyeOff, InputNumber, Toggle, Radio } from 'ui'
import { useStore, checkPermissions } from 'hooks'
import {
@@ -150,6 +150,22 @@ const AutoSchemaForm = observer(() => {
disabled={!canUpdateConfig}
/>
{values.SECURITY_CAPTCHA_ENABLED && (
<>
<Radio.Group
type="cards"
label="Group of radios"
labelOptional="Optional label"
descriptionText="You can also show label hint text here"
>
<Radio
label="First Radio"
description="The value of this Radio is controlled by a react state"
/>
<Radio
label="Second Radio"
description="The value of this Radio is controlled by a react state"
/>
</Radio.Group>
<Input
id="SECURITY_CAPTCHA_SECRET"
type={hidden ? 'password' : 'text'}
@@ -164,26 +180,27 @@ const AutoSchemaForm = observer(() => {
/>
}
/>
</>
)}
<Toggle
id="REFRESH_TOKEN_ROTATION_ENABLED"
size="small"
label="Enable automatic reuse detection"
layout="flex"
descriptionText="Prevent replay attacks from compromised refresh tokens."
disabled={!canUpdateConfig}
/>
{values.REFRESH_TOKEN_ROTATION_ENABLED && (
<InputNumber
id="SECURITY_REFRESH_TOKEN_REUSE_INTERVAL"
size="small"
min={0}
label="Reuse interval"
descriptionText="Time interval where the same refresh token can be used to request for an access token."
actions={<span className="mr-3 text-scale-900">seconds</span>}
disabled={!canUpdateConfig}
/>
)}
<Toggle
id="REFRESH_TOKEN_ROTATION_ENABLED"
size="small"
label="Enable automatic reuse detection"
layout="flex"
descriptionText="Prevent replay attacks from compromised refresh tokens."
disabled={!canUpdateConfig}
/>
{values.REFRESH_TOKEN_ROTATION_ENABLED && (
<InputNumber
id="SECURITY_REFRESH_TOKEN_REUSE_INTERVAL"
size="small"
min={0}
label="Reuse interval"
descriptionText="Time interval where the same refresh token can be used to request for an access token."
actions={<span className="mr-3 text-scale-900">seconds</span>}
disabled={!canUpdateConfig}
/>
)}
</FormSectionContent>
</FormSection>
<FormSection