From 0f10fa3991e8dc248f4c066f724d58ce44d50d1a Mon Sep 17 00:00:00 2001
From: diced <pranaco2@gmail.com>
Date: Mon, 24 Oct 2022 11:38:38 -0700
Subject: [PATCH] fix: uniform margins

---
 src/components/File.tsx                        | 2 +-
 src/components/StatCard.tsx                    | 4 ++--
 src/components/pages/Invites.tsx               | 4 ++--
 src/components/pages/Manage/index.tsx          | 2 +-
 src/components/pages/Urls/index.tsx            | 2 +-
 src/components/pages/Users/CreateUserModal.tsx | 4 ++--
 src/components/pages/Users/EditUserModal.tsx   | 4 ++--
 src/pages/auth/login.tsx                       | 6 +++---
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/File.tsx b/src/components/File.tsx
index 6e23036..c19cba1 100644
--- a/src/components/File.tsx
+++ b/src/components/File.tsx
@@ -147,7 +147,7 @@ export default function File({ image, updateImages, disableMediaPreview }) {
           </Stack>
         </Stack>
 
-        <Group position='right' mt={22}>
+        <Group position='right' mt='md'>
           <Link href={image.url} target='_blank'>
             <Button rightIcon={<ExternalLinkIcon />}>Open</Button>
           </Link>
diff --git a/src/components/StatCard.tsx b/src/components/StatCard.tsx
index 095141c..a4efd28 100644
--- a/src/components/StatCard.tsx
+++ b/src/components/StatCard.tsx
@@ -51,7 +51,7 @@ export default function StatCard({ stat }: StatsGridProps) {
         {stat.icon}
       </Group>
 
-      <Group align='flex-end' spacing='xs' mt={25}>
+      <Group align='flex-end' spacing='xs' mt='md'>
         <Text className={classes.value}>{stat.value}</Text>
         {typeof stat.diff == 'number' && (
           <>
@@ -63,7 +63,7 @@ export default function StatCard({ stat }: StatsGridProps) {
         )}
       </Group>
 
-      <Text size='xs' color='dimmed' mt={7}>
+      <Text size='xs' color='dimmed' mt='sm'>
         {stat.desc}
       </Text>
     </Card>
diff --git a/src/components/pages/Invites.tsx b/src/components/pages/Invites.tsx
index 7e3d299..be7ce38 100644
--- a/src/components/pages/Invites.tsx
+++ b/src/components/pages/Invites.tsx
@@ -108,7 +108,7 @@ function CreateInviteModal({ open, setOpen, updateInvites }) {
           parser={(v: string) => Number(v.replace(/[^\d]/g, ''))}
         />
 
-        <Group position='right' mt={22}>
+        <Group position='right' mt='md'>
           <Button onClick={() => setOpen(false)}>Cancel</Button>
           <Button type='submit'>Create</Button>
         </Group>
@@ -154,7 +154,7 @@ export default function Users() {
     });
 
   const handleCopy = async (invite) => {
-    clipboard.copy(`${window.location.protocol}//${window.location.host}/invite/${invite.code}`);
+    clipboard.copy(`${window.location.protocol}//${window.location.host}/auth/register?code=${invite.code}`);
     showNotification({
       title: 'Copied to clipboard',
       message: '',
diff --git a/src/components/pages/Manage/index.tsx b/src/components/pages/Manage/index.tsx
index a7f3be3..1de4b88 100644
--- a/src/components/pages/Manage/index.tsx
+++ b/src/components/pages/Manage/index.tsx
@@ -373,7 +373,7 @@ export default function Manage() {
           Refresh
         </Button>
       </Group>
-      <Card mt={22}>
+      <Card mt='md'>
         {exports && exports.length ? (
           <SmallTable
             columns={[
diff --git a/src/components/pages/Urls/index.tsx b/src/components/pages/Urls/index.tsx
index 0a31157..a8609df 100644
--- a/src/components/pages/Urls/index.tsx
+++ b/src/components/pages/Urls/index.tsx
@@ -93,7 +93,7 @@ export default function Urls() {
           <TextInput id='url' label='URL' {...form.getInputProps('url')} />
           <TextInput id='vanity' label='Vanity' {...form.getInputProps('vanity')} />
 
-          <Group position='right' mt={22}>
+          <Group position='right' mt='md'>
             <Button onClick={() => setCreateOpen(false)}>Cancel</Button>
             <Button type='submit'>Submit</Button>
           </Group>
diff --git a/src/components/pages/Users/CreateUserModal.tsx b/src/components/pages/Users/CreateUserModal.tsx
index 11e5f1a..6879437 100644
--- a/src/components/pages/Users/CreateUserModal.tsx
+++ b/src/components/pages/Users/CreateUserModal.tsx
@@ -51,9 +51,9 @@ export function CreateUserModal({ open, setOpen, updateUsers }) {
       <form onSubmit={form.onSubmit((v) => onSubmit(v))}>
         <TextInput id='username' label='Username' {...form.getInputProps('username')} />
         <TextInput id='password' label='Password' type='password' {...form.getInputProps('password')} />
-        <Switch mt={12} id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
+        <Switch mt='sm' id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
 
-        <Group position='right' mt={22}>
+        <Group position='right' mt='md'>
           <Button onClick={() => setOpen(false)}>Cancel</Button>
           <Button type='submit'>Create</Button>
         </Group>
diff --git a/src/components/pages/Users/EditUserModal.tsx b/src/components/pages/Users/EditUserModal.tsx
index 19ec25a..fd660fa 100644
--- a/src/components/pages/Users/EditUserModal.tsx
+++ b/src/components/pages/Users/EditUserModal.tsx
@@ -57,9 +57,9 @@ export function EditUserModal({ open, setOpen, updateUsers, user }) {
         <form onSubmit={form.onSubmit((v) => onSubmit(v))}>
           <TextInput id='username' label='Username' {...form.getInputProps('username')} />
           <TextInput id='password' label='Password' type='password' {...form.getInputProps('password')} />
-          <Switch mt={12} id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
+          <Switch mt='sm' id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
 
-          <Group position='right' mt={22}>
+          <Group position='right' mt='md'>
             <Button onClick={() => setOpen(false)}>Cancel</Button>
             <Button type='submit'>Save</Button>
           </Group>
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index c95b1fa..1e4dd94 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -71,13 +71,13 @@ export default function Login({ title, user_registration, oauth_registration, oa
             <TextInput size='lg' id='username' label='Username' {...form.getInputProps('username')} />
             <PasswordInput size='lg' id='password' label='Password' {...form.getInputProps('password')} />
 
-            <Button size='lg' type='submit' fullWidth mt={12}>
+            <Button size='lg' type='submit' fullWidth mt='sm'>
               Login
             </Button>
           </form>
           {user_registration && (
             <>
-              <Divider label='or' labelPosition='center' my={8} />
+              <Divider label='or' labelPosition='center' my='sm' />
               <Link href='/auth/register' passHref>
                 <Button size='lg' fullWidth component='a'>
                   Register
@@ -87,7 +87,7 @@ export default function Login({ title, user_registration, oauth_registration, oa
           )}
           {oauth_registration && (
             <>
-              <Divider label='or' labelPosition='center' my={8} />
+              <Divider label='or' labelPosition='center' my='sm' />
               {oauth_providers.map(({ url, name, Icon }, i) => (
                 <Link key={i} href={url} passHref>
                   <Button size='lg' fullWidth leftIcon={<Icon />} component='a' my={8}>