refactor: rename files (#1034)

app/assets/javascripts/Components/Preferences/Panes/Account/Advanced.tsx

@@ -4,7 +4,7 @@ import { OfflineSubscription } from '@/Components/Preferences/Panes/Account/Offl
 import { WebApplication } from '@/UIModels/Application'
 import { observer } from 'mobx-react-lite'
 import { AppState } from '@/UIModels/AppState'
-import { Extensions } from '@/Components/Preferences/Panes/Extensions'
+import { Extensions } from '@/Components/Preferences/Panes/Extensions/Extensions'
 import { ExtensionsLatestVersions } from '@/Components/Preferences/Panes/Extensions/ExtensionsLatestVersions'
 import { AccordionItem } from '@/Components/Shared/AccordionItem'
 

app/assets/javascripts/Components/Preferences/Panes/Account/Authentication.tsx

@@ -1,4 +1,4 @@
-import { AccountMenuPane } from '@/Components/AccountMenu'
+import { AccountMenuPane } from '@/Components/AccountMenu/AccountMenu'
 import { Button } from '@/Components/Button/Button'
 import { PreferencesGroup, PreferencesSegment, Text, Title } from '@/Components/Preferences/PreferencesComponents'
 import { WebApplication } from '@/UIModels/Application'

app/assets/javascripts/Components/Preferences/Panes/Account/Credentials.tsx

@@ -11,10 +11,10 @@ import { observer } from '@node_modules/mobx-react-lite'
 import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
 import { dateToLocalizedString } from '@standardnotes/snjs'
 import { useCallback, useState } from 'preact/hooks'
-import { ChangeEmail } from '@/Components/Preferences/Panes/Account/ChangeEmail'
+import { ChangeEmail } from '@/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail'
 import { FunctionComponent, render } from 'preact'
 import { AppState } from '@/UIModels/AppState'
-import { PasswordWizard } from '@/Components/PasswordWizard'
+import { PasswordWizard } from '@/Components/PasswordWizard/PasswordWizard'
 
 type Props = {
   application: WebApplication

app/assets/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@/Components/Button/Button'
-import { OtherSessionsSignOutContainer } from '@/Components/OtherSessionsSignOut'
+import { OtherSessionsSignOutContainer } from '@/Components/OtherSessionsSignOut/OtherSessionsSignOut'
 import {
   PreferencesGroup,
   PreferencesSegment,

app/assets/javascripts/Components/Preferences/Panes/Appearance.tsx

@@ -1,4 +1,4 @@
-import { Dropdown, DropdownItem } from '@/Components/Dropdown'
+import { Dropdown, DropdownItem } from '@/Components/Dropdown/Dropdown'
 import { usePremiumModal } from '@/Hooks/usePremiumModal'
 import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
 import { Switch } from '@/Components/Switch'

app/assets/javascripts/Components/Preferences/Panes/Backups/Backups.tsx

@@ -2,7 +2,7 @@ import { WebApplication } from '@/UIModels/Application'
 import { AppState } from '@/UIModels/AppState'
 import { FunctionComponent } from 'preact'
 import { PreferencesPane } from '@/Components/Preferences/PreferencesComponents'
-import { CloudLink } from './CloudBackups'
+import { CloudLink } from './CloudBackups/CloudBackups'
 import { DataBackups } from './DataBackups'
 import { EmailBackups } from './EmailBackups'
 import { FileBackups } from './Files/FileBackups'

app/assets/javascripts/Components/Preferences/Panes/Backups/EmailBackups.tsx

@@ -10,7 +10,7 @@ import {
   Text,
   Title,
 } from '@/Components/Preferences/PreferencesComponents'
-import { Dropdown, DropdownItem } from '@/Components/Dropdown'
+import { Dropdown, DropdownItem } from '@/Components/Dropdown/Dropdown'
 import { Switch } from '@/Components/Switch'
 import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
 import {

app/assets/javascripts/Components/Preferences/Panes/Backups/Files/BackupsDropZone.tsx

@@ -4,7 +4,7 @@ import { Button } from '@/Components/Button/Button'
 import { FileBackupMetadataFile, FileBackupsConstantsV1, FileItem, FileHandleRead } from '@standardnotes/snjs'
 import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
 import { EncryptionStatusItem } from '../../Security/Encryption'
-import { Icon } from '@/Components/Icon'
+import { Icon } from '@/Components/Icon/Icon'
 import { StreamingFileApi } from '@standardnotes/filepicker'
 import { FunctionComponent } from 'preact'
 import { isHandlingBackupDrag } from '@/Utils/DragTypeCheck'

app/assets/javascripts/Components/Preferences/Panes/Backups/Files/FileBackups.tsx

@@ -12,7 +12,7 @@ import { Button } from '@/Components/Button/Button'
 import { Switch } from '@/Components/Switch'
 import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
 import { EncryptionStatusItem } from '../../Security/Encryption'
-import { Icon } from '@/Components/Icon'
+import { Icon } from '@/Components/Icon/Icon'
 import { BackupsDropZone } from './BackupsDropZone'
 
 type Props = {

app/assets/javascripts/Components/Preferences/Panes/General/Defaults.tsx

@@ -1,4 +1,4 @@
-import { Dropdown, DropdownItem } from '@/Components/Dropdown'
+import { Dropdown, DropdownItem } from '@/Components/Dropdown/Dropdown'
 import { FeatureIdentifier, PrefKey, ComponentArea, ComponentMutator, SNComponent } from '@standardnotes/snjs'
 import {
   PreferencesGroup,

app/assets/javascripts/Components/Preferences/Panes/Security/Encryption.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/Components/Icon'
+import { Icon } from '@/Components/Icon/Icon'
 import { STRING_E2E_ENABLED, STRING_ENC_NOT_ENABLED, STRING_LOCAL_ENC_ENABLED } from '@/Strings'
 import { AppState } from '@/UIModels/AppState'
 import { observer } from 'mobx-react-lite'

app/assets/javascripts/Components/Preferences/Panes/Security/Security.tsx

@@ -2,7 +2,7 @@ import { WebApplication } from '@/UIModels/Application'
 import { AppState } from '@/UIModels/AppState'
 import { FunctionComponent } from 'preact'
 import { PreferencesPane } from '@/Components/Preferences/PreferencesComponents'
-import { TwoFactorAuthWrapper } from '../TwoFactorAuth'
+import { TwoFactorAuthWrapper } from '../TwoFactorAuth/TwoFactorAuthWrapper'
 import { MfaProps } from '../TwoFactorAuth/MfaProps'
 import { Encryption } from './Encryption'
 import { PasscodeLock } from './PasscodeLock'

app/assets/javascripts/Components/Preferences/Panes/TwoFactorAuth/AuthAppInfoPopup.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/Components/Icon'
+import { Icon } from '@/Components/Icon/Icon'
 import { Disclosure, DisclosureButton, DisclosurePanel } from '@reach/disclosure'
 import { FunctionComponent } from 'preact'
 import { useState, useRef, useEffect } from 'preact/hooks'

app/assets/javascripts/Components/Preferences/Panes/index.ts

@@ -1,5 +1,5 @@
 export * from './HelpFeedback'
-export * from './Security'
-export * from './Account'
-export * from './Listed'
-export * from './General'
+export * from './Security/Security'
+export * from './Account/AccountPreferences'
+export * from './Listed/Listed'
+export * from './General/General'

app/assets/javascripts/Components/Preferences/PreferencesComponents/MenuItem.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/Components/Icon'
+import { Icon } from '@/Components/Icon/Icon'
 import { FunctionComponent } from 'preact'
 import { IconType } from '@standardnotes/snjs'
 

app/assets/javascripts/Components/Preferences/PreferencesView.tsx

@@ -10,7 +10,7 @@ import { WebApplication } from '@/UIModels/Application'
 import { MfaProps } from './Panes/TwoFactorAuth/MfaProps'
 import { AppState } from '@/UIModels/AppState'
 import { useEffect, useMemo } from 'preact/hooks'
-import { Backups } from '@/Components/Preferences/Panes/Backups'
+import { Backups } from '@/Components/Preferences/Panes/Backups/Backups'
 import { Appearance } from './Panes/Appearance'
 
 interface PreferencesProps extends MfaProps {