Merge pull request pterodactyl#2554 from AreYouRlyScared/subusers

Duplicate save/invite button at top

Author: DaneEveritt

resources/scripts/components/server/users/EditSubuserModal.tsx

@@ -95,26 +95,33 @@ const EditSubuserModal = ({ subuser }: Props) => {
             })}
         >
             <Form>
-                <h2 css={tw`text-2xl`} ref={ref}>
-                    {subuser ? `${canEditUser ? 'Modify' : 'View'} permissions for ${subuser.email}` : 'Create new subuser'}
-                </h2>
-                <FlashMessageRender byKey={'user:edit'} css={tw`mt-4`}/>
-                {(!isRootAdmin && loggedInPermissions[0] !== '*') &&
-                <div css={tw`mt-4 pl-4 py-2 border-l-4 border-cyan-400`}>
-                    <p css={tw`text-sm text-neutral-300`}>
-                        Only permissions which your account is currently assigned may be selected when creating or
-                        modifying other users.
-                    </p>
+                <div css={tw`flex justify-between`}>
+                    <h2 css={tw`text-2xl`} ref={ref}>
+                        {subuser ? `${canEditUser ? 'Modify' : 'View'} permissions for ${subuser.email}` : 'Create new subuser'}
+                    </h2>
+                    <div>
+                        <Button type={'submit'} css={tw`w-full sm:w-auto`}>
+                            {subuser ? 'Save' : 'Invite User'}
+                        </Button>
+                    </div>
                 </div>
+                <FlashMessageRender byKey={'user:edit'} css={tw`mt-4`} />
+                {(!isRootAdmin && loggedInPermissions[0] !== '*') &&
+                    <div css={tw`mt-4 pl-4 py-2 border-l-4 border-cyan-400`}>
+                        <p css={tw`text-sm text-neutral-300`}>
+                            Only permissions which your account is currently assigned may be selected when creating or
+                            modifying other users.
+                        </p>
+                    </div>
                 }
                 {!subuser &&
-                <div css={tw`mt-6`}>
-                    <Field
-                        name={'email'}
-                        label={'User Email'}
-                        description={'Enter the email address of the user you wish to invite as a subuser for this server.'}
-                    />
-                </div>
+                    <div css={tw`mt-6`}>
+                        <Field
+                            name={'email'}
+                            label={'User Email'}
+                            description={'Enter the email address of the user you wish to invite as a subuser for this server.'}
+                        />
+                    </div>
                 }
                 <div css={tw`my-6`}>
                     {Object.keys(permissions).filter(key => key !== 'websocket').map((key, index) => (