fix: lint project (#2693)

apps/remix/app/routes/_authenticated+/o.$orgUrl.settings.sso.tsx

@@ -1,10 +1,3 @@
-import { zodResolver } from '@hookform/resolvers/zod';
-import { msg } from '@lingui/core/macro';
-import { Trans, useLingui } from '@lingui/react/macro';
-import { OrganisationMemberRole } from '@prisma/client';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-
 import { useCurrentOrganisation } from '@documenso/lib/client-only/providers/organisation';
 import { ORGANISATION_MEMBER_ROLE_HIERARCHY } from '@documenso/lib/constants/organisations';
 import { ORGANISATION_MEMBER_ROLE_MAP } from '@documenso/lib/constants/organisations-translations';
@@ -19,27 +12,20 @@ import { ZUpdateOrganisationAuthenticationPortalRequestSchema } from '@documenso
 import { CopyTextButton } from '@documenso/ui/components/common/copy-text-button';
 import { Alert, AlertDescription } from '@documenso/ui/primitives/alert';
 import { Button } from '@documenso/ui/primitives/button';
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@documenso/ui/primitives/form/form';
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@documenso/ui/primitives/form/form';
 import { Input } from '@documenso/ui/primitives/input';
 import { Label } from '@documenso/ui/primitives/label';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@documenso/ui/primitives/select';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@documenso/ui/primitives/select';
 import { SpinnerBox } from '@documenso/ui/primitives/spinner';
 import { Switch } from '@documenso/ui/primitives/switch';
 import { Textarea } from '@documenso/ui/primitives/textarea';
 import { useToast } from '@documenso/ui/primitives/use-toast';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { msg } from '@lingui/core/macro';
+import { Trans, useLingui } from '@lingui/react/macro';
+import { OrganisationMemberRole } from '@prisma/client';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
 
 import { SettingsHeader } from '~/components/general/settings-header';
 import { appMetaTags } from '~/utils/meta';
@@ -195,12 +181,8 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
             </Label>
 
             <div className="relative">
-              <Input
-                className="pr-12"
-                disabled
-                value={formatOrganisationLoginUrl(organisation.url)}
-              />
-              <div className="absolute bottom-0 right-2 top-0 flex items-center justify-center">
+              <Input className="pr-12" disabled value={formatOrganisationLoginUrl(organisation.url)} />
+              <div className="absolute top-0 right-2 bottom-0 flex items-center justify-center">
                 <CopyTextButton
                   value={formatOrganisationLoginUrl(organisation.url)}
                   onCopySuccess={() => toast({ title: t`Copied to clipboard` })}
@@ -208,7 +190,7 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
               </div>
             </div>
 
-            <p className="text-xs text-muted-foreground">
+            <p className="text-muted-foreground text-xs">
               <Trans>This is the URL which users will use to sign in to your organisation.</Trans>
             </p>
           </div>
@@ -219,12 +201,8 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
             </Label>
 
             <div className="relative">
-              <Input
-                className="pr-12"
-                disabled
-                value={formatOrganisationCallbackUrl(organisation.url)}
-              />
-              <div className="absolute bottom-0 right-2 top-0 flex items-center justify-center">
+              <Input className="pr-12" disabled value={formatOrganisationCallbackUrl(organisation.url)} />
+              <div className="absolute top-0 right-2 bottom-0 flex items-center justify-center">
                 <CopyTextButton
                   value={formatOrganisationCallbackUrl(organisation.url)}
                   onCopySuccess={() => toast({ title: t`Copied to clipboard` })}
@@ -232,7 +210,7 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
               </div>
             </div>
 
-            <p className="text-xs text-muted-foreground">
+            <p className="text-muted-foreground text-xs">
               <Trans>Add this URL to your provider's allowed redirect URIs</Trans>
             </p>
           </div>
@@ -244,7 +222,7 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
 
             <Input className="pr-12" disabled value={`openid profile email`} />
 
-            <p className="text-xs text-muted-foreground">
+            <p className="text-muted-foreground text-xs">
               <Trans>This is the required scopes you must set in your provider's settings</Trans>
             </p>
           </div>
@@ -258,14 +236,11 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
                   <Trans>Issuer URL</Trans>
                 </FormLabel>
                 <FormControl>
-                  <Input
-                    placeholder={'https://your-provider.com/.well-known/openid-configuration'}
-                    {...field}
-                  />
+                  <Input placeholder={'https://your-provider.com/.well-known/openid-configuration'} {...field} />
                 </FormControl>
 
                 {!form.formState.errors.wellKnownUrl && (
-                  <p className="text-xs text-muted-foreground">
+                  <p className="text-muted-foreground text-xs">
                     <Trans>The OpenID discovery endpoint URL for your provider</Trans>
                   </p>
                 )}
@@ -327,13 +302,11 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
                       <SelectValue placeholder={t`Select default role`} />
                     </SelectTrigger>
                     <SelectContent>
-                      {ORGANISATION_MEMBER_ROLE_HIERARCHY[OrganisationMemberRole.MANAGER].map(
-                        (role) => (
-                          <SelectItem key={role} value={role}>
-                            {t(ORGANISATION_MEMBER_ROLE_MAP[role])}
-                          </SelectItem>
-                        ),
-                      )}
+                      {ORGANISATION_MEMBER_ROLE_HIERARCHY[OrganisationMemberRole.MANAGER].map((role) => (
+                        <SelectItem key={role} value={role}>
+                          {t(ORGANISATION_MEMBER_ROLE_MAP[role])}
+                        </SelectItem>
+                      ))}
                     </SelectContent>
                   </Select>
                 </FormControl>
@@ -351,18 +324,12 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
                   <Trans>Allowed Email Domains</Trans>
                 </FormLabel>
                 <FormControl>
-                  <Textarea
-                    {...field}
-                    placeholder={t`your-domain.com another-domain.com`}
-                    className="min-h-[80px]"
-                  />
+                  <Textarea {...field} placeholder={t`your-domain.com another-domain.com`} className="min-h-[80px]" />
                 </FormControl>
 
                 {!form.formState.errors.allowedDomains && (
-                  <p className="text-xs text-muted-foreground">
-                    <Trans>
-                      Space-separated list of domains. Leave empty to allow all domains.
-                    </Trans>
+                  <p className="text-muted-foreground text-xs">
+                    <Trans>Space-separated list of domains. Leave empty to allow all domains.</Trans>
                   </p>
                 )}
 
@@ -402,10 +369,10 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
                   <FormLabel>
                     <Trans>Allow Personal Organisations</Trans>
                   </FormLabel>
-                  <p className="text-sm text-muted-foreground">
+                  <p className="text-muted-foreground text-sm">
                     <Trans>
-                      When enabled, users signing in via SSO for the first time will also receive
-                      their own personal organisation.
+                      When enabled, users signing in via SSO for the first time will also receive their own personal
+                      organisation.
                     </Trans>
                   </p>
                 </div>
@@ -426,7 +393,7 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
                   <FormLabel>
                     <Trans>Enable SSO portal</Trans>
                   </FormLabel>
-                  <p className="text-sm text-muted-foreground">
+                  <p className="text-muted-foreground text-sm">
                     <Trans>Whether to enable the SSO portal for your organisation</Trans>
                   </p>
                 </div>
@@ -441,8 +408,7 @@ const SSOProviderForm = ({ authenticationPortal }: SSOProviderFormProps) => {
           <Alert variant="warning">
             <AlertDescription>
               <Trans>
-                Please note that anyone who signs in through your portal will be added to your
-                organisation as a member.
+                Please note that anyone who signs in through your portal will be added to your organisation as a member.
               </Trans>
             </AlertDescription>
           </Alert>