diff --git a/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx b/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx index 71adece92db..76624b3b31b 100644 --- a/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx +++ b/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx @@ -807,6 +807,7 @@ export const UsersV2 = () => { renderRow(id, props) { return ( { const user = users.find((u) => u.id === id) diff --git a/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx b/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx index 4c68836985a..55123bf7d7b 100644 --- a/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx +++ b/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx @@ -158,14 +158,17 @@ export const ExtensionRow = ({ extension }: ExtensionRowProps) => { ) : ( - - - isOn ? setIsDisableModalOpen(true) : setShowConfirmEnableModal(true) - } - /> + +
+ + isOn ? setIsDisableModalOpen(true) : setShowConfirmEnableModal(true) + } + /> +
{disabled && ( diff --git a/apps/studio/components/interfaces/Database/Publications/PublicationsTableItem.tsx b/apps/studio/components/interfaces/Database/Publications/PublicationsTableItem.tsx index 5ef3ea67a85..18be132aaae 100644 --- a/apps/studio/components/interfaces/Database/Publications/PublicationsTableItem.tsx +++ b/apps/studio/components/interfaces/Database/Publications/PublicationsTableItem.tsx @@ -25,7 +25,7 @@ export const PublicationsTableItem = ({ const isProtected = protectedSchemas.map((x) => x.name).includes(table.schema) const [checked, setChecked] = useState( - selectedPublication.tables?.find((x: any) => x.id == table.id) != undefined + selectedPublication.tables?.find((x) => x.id == table.id) != undefined ) const { can: canUpdatePublications } = useAsyncCheckPermissions( @@ -42,14 +42,12 @@ export const PublicationsTableItem = ({ setChecked(!checked) const publicationTables = publication?.tables ?? [] - const exists = publicationTables.some((x: any) => x.id == table.id) + const exists = publicationTables.some((x) => x.id == table.id) const tables = !exists ? [`${table.schema}.${table.name}`].concat( - publicationTables.map((t: any) => `${t.schema}.${t.name}`) + publicationTables.map((t) => `${t.schema}.${t.name}`) ) - : publicationTables - .filter((x: any) => x.id != table.id) - .map((x: any) => `${x.schema}.${x.name}`) + : publicationTables.filter((x) => x.id != table.id).map((x) => `${x.schema}.${x.name}`) updatePublications( { @@ -87,13 +85,16 @@ export const PublicationsTableItem = ({ ) : ( - - toggleReplicationForTable(table, selectedPublication)} - /> + +
+ toggleReplicationForTable(table, selectedPublication)} + /> +
{isProtected && ( diff --git a/apps/studio/components/interfaces/Database/Roles/CreateRolePanel.tsx b/apps/studio/components/interfaces/Database/Roles/CreateRolePanel.tsx index b8a8d9b888a..a06475194af 100644 --- a/apps/studio/components/interfaces/Database/Roles/CreateRolePanel.tsx +++ b/apps/studio/components/interfaces/Database/Roles/CreateRolePanel.tsx @@ -51,6 +51,7 @@ export const CreateRolePanel = ({ visible, onClose }: CreateRolePanelProps) => { const form = useForm>({ resolver: zodResolver(FormSchema), + defaultValues: initialValues, }) const { mutate: createDatabaseRole, isPending: isCreating } = useDatabaseRoleCreateMutation({ diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx index bacefa744fc..499697b15e5 100644 --- a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx +++ b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx @@ -38,8 +38,9 @@ import { import { CodeBlock } from 'ui-patterns/CodeBlock' import { TimestampInfo } from 'ui-patterns/TimestampInfo' +import { type CronTableColumn } from './CronJobs.constants' import { useDatabaseCronJobRunCommandMutation } from '@/data/database-cron-jobs/database-cron-job-run-mutation' -import { CronJob } from '@/data/database-cron-jobs/database-cron-jobs-infinite-query' +import { type CronJob } from '@/data/database-cron-jobs/database-cron-jobs-infinite-query' import { useDatabaseCronJobToggleMutation } from '@/data/database-cron-jobs/database-cron-jobs-toggle-mutation' import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject' @@ -75,8 +76,8 @@ const getNextRun = (schedule: string, lastRun?: string) => { } interface CronJobTableCellProps { - col: any - row: any + col: CronTableColumn + row: CronJob onSelectEdit: (job: CronJob) => void onSelectDelete: (job: CronJob) => void } @@ -92,19 +93,20 @@ export const CronJobTableCell = ({ const [showToggleModal, setShowToggleModal] = useState(false) - const value = row?.[col.id] + const value = row?.[col.id as keyof typeof row] const { jobid, schedule, latest_run, status, active, jobname } = row - const formattedValue = + const formattedValue = ( col.id === 'jobname' && !jobname ? 'No name provided' : col.id === 'lastest_run' ? !!value - ? dayjs(value).valueOf() + ? dayjs(value as string).valueOf() : undefined : col.id === 'next_run' ? getNextRun(schedule, latest_run) : value + ) as string const hasValue = col.id === 'next_run' ? !!formattedValue : col.id in row @@ -148,6 +150,7 @@ export const CronJobTableCell = ({
{linkTooltip ? {linkTooltip} : null} diff --git a/packages/ui-patterns/src/form/Layout/FormLayout.tsx b/packages/ui-patterns/src/form/Layout/FormLayout.tsx index 338daf0b1bb..b6db8bcaec2 100644 --- a/packages/ui-patterns/src/form/Layout/FormLayout.tsx +++ b/packages/ui-patterns/src/form/Layout/FormLayout.tsx @@ -318,12 +318,14 @@ export const FormLayout = React.forwardRef< {description} ) : description ? ( -

{description} -

+ ) : null const LabelContents = () => (