import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import styled from '@emotion/styled'; import { H2Title, IconPlus, MOBILE_VIEWPORT } from 'twenty-ui'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SettingsApiKeysTable } from '@/settings/developers/components/SettingsApiKeysTable'; import { SettingsReadDocumentationButton } from '@/settings/developers/components/SettingsReadDocumentationButton'; import { SettingsWebhooksTable } from '@/settings/developers/components/SettingsWebhooksTable'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { SettingsPath } from '@/types/SettingsPath'; import { Button } from '@/ui/input/button/components/Button'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; const StyledButtonContainer = styled.div` display: flex; justify-content: flex-end; padding-top: ${({ theme }) => theme.spacing(2)}; @media (max-width: ${MOBILE_VIEWPORT}px) { padding-top: ${({ theme }) => theme.spacing(5)}; } `; const StyledContainer = styled.div<{ isMobile: boolean }>` display: flex; flex-direction: column; overflow: hidden; gap: ${({ theme }) => theme.spacing(2)}; `; export const SettingsDevelopers = () => { const isMobile = useIsMobile(); return ( } links={[ { children: 'Workspace', href: getSettingsPagePath(SettingsPath.Workspace), }, { children: 'Developers' }, ]} >
); };