fix: incorrect password autocompletes (#557)

* fix: correct password autocompletes

* fix: file view inconsistency

---------

Co-authored-by: dicedtomato <35403473+diced@users.noreply.github.com>

src/components/file/DashboardFile/EditFileDetailsModal.tsx

@@ -142,6 +142,7 @@ export default function EditFileDetailsModal({
             label='Password'
             description='Set a password for these files. Leave blank to disable password protection.'
             value={password ?? ''}
+            autoComplete='off'
             onChange={(event) =>
               setPassword(event.currentTarget.value.trim() === '' ? null : event.currentTarget.value.trim())
             }

src/components/file/DashboardFileType.tsx

@@ -83,13 +83,7 @@ export default function DashboardFileType({
     return <Placeholder text={`Click to view file ${file.name}`} Icon={icon[type] ?? IconFileUnknown} />;
 
   if (dbFile && file.password === true && !show)
-    return (
-      <Placeholder
-        text={`Click to view protected ${file.name}`}
-        Icon={IconShieldLockFilled}
-        onClick={() => window.open(`/view/${file.name}${password ? `?pw=${password}` : ''}`)}
-      />
-    );
+    return <Placeholder text={`Click to view protected ${file.name}`} Icon={IconShieldLockFilled} />;
 
   if (dbFile && file.password === true && show)
     return (

src/components/pages/settings/parts/SettingsUser.tsx

@@ -122,6 +122,7 @@ export default function SettingsUser() {
         <PasswordInput
           label='Password'
           description='Leave blank to keep the same password'
+          autoComplete='new-password'
           {...form.getInputProps('password')}
           leftSection={<IconAsteriskSimple size='1rem' />}
         />

src/components/pages/upload/UploadOptionsButton.tsx

@@ -225,6 +225,7 @@ export default function UploadOptionsButton({ numFiles }: { numFiles: number })
             description='Set a password for these files. Leave blank to disable password protection. This value is not saved to your browser, and is cleared after uploading.'
             leftSection={<IconKey size='1rem' />}
             value={ephemeral.password ?? ''}
+            autoComplete='off'
             onChange={(event) =>
               setEphemeral(
                 'password',
@@ -233,7 +234,7 @@ export default function UploadOptionsButton({ numFiles }: { numFiles: number })
             }
           />
 
-          <Text color='dimmed' size='sm'>
+          <Text c='dimmed' size='sm'>
             <b>Other Options</b>
           </Text>
 

src/components/pages/urls/index.tsx

@@ -144,6 +144,7 @@ export default function DashboardURLs() {
             <PasswordInput
               label='Password'
               description='Protect your link with a password'
+              autoComplete='off'
               {...form.getInputProps('password')}
             />
 

src/components/pages/users/EditUserModal.tsx

@@ -170,6 +170,7 @@ export default function EditUserModal({
             <PasswordInput
               label='Password'
               placeholder='Enter a password...'
+              autoComplete='new-password'
               {...form.getInputProps('password')}
             />
             <FileInput

src/components/pages/users/index.tsx

@@ -106,6 +106,7 @@ export default function DashboardUsers() {
             <PasswordInput
               label='Password'
               placeholder='Enter a password...'
+              autoComplete='new-password'
               {...form.getInputProps('password')}
             />
             <FileInput

src/pages/auth/register.tsx

@@ -100,7 +100,7 @@ export default function Register({ config, invite }: InferGetServerSidePropsType
             </div>
           )}
 
-          <Text size='sm' color='dimmed'>
+          <Text size='sm' c='dimmed'>
             Create an account to get started.
           </Text>