feat: handle basic routes (#1784)

packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx

@@ -46,7 +46,7 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
   }
 
   if (usedInvitationsCount === 0) {
-    return <Text className="mt-1 mb-3">Make your first subscription invitation below.</Text>
+    return <Text className="mt-1 mb-3">Make your first subscription invite below.</Text>
   }
 
   return (

packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/NoProSubscription.tsx

@@ -30,7 +30,7 @@ const NoProSubscription: FunctionComponent<Props> = ({ application }) => {
     <>
       <Text>
         Subscription sharing is available only on the <span className="font-bold">Professional</span> plan. Please
-        upgrade in order to share subscription.
+        upgrade in order to share your subscription.
       </Text>
       {isLoadingPurchaseFlow && <Text>Redirecting you to the subscription page...</Text>}
       {purchaseFlowError && <Text className="text-danger">{purchaseFlowError}</Text>}

packages/web/src/javascripts/Components/Preferences/PreferencesMenu.ts

@@ -3,21 +3,7 @@ import { IconType } from '@standardnotes/snjs'
 import { WebApplication } from '@/Application/Application'
 import { PackageProvider } from './Panes/General/Advanced/Packages/Provider/PackageProvider'
 import { securityPrefsHasBubble } from './Panes/Security/securityPrefsHasBubble'
-
-const PREFERENCE_IDS = [
-  'general',
-  'account',
-  'security',
-  'appearance',
-  'backups',
-  'listed',
-  'shortcuts',
-  'accessibility',
-  'get-free-month',
-  'help-feedback',
-] as const
-
-export type PreferenceId = typeof PREFERENCE_IDS[number]
+import { PreferenceId } from '@standardnotes/ui-services'
 
 interface PreferencesMenuItem {
   readonly id: PreferenceId

packages/web/src/javascripts/Components/Preferences/PreferencesMenuView.tsx

@@ -4,7 +4,8 @@ import styled from 'styled-components'
 import Dropdown from '../Dropdown/Dropdown'
 import { DropdownItem } from '../Dropdown/DropdownItem'
 import PreferencesMenuItem from './PreferencesComponents/MenuItem'
-import { PreferenceId, PreferencesMenu } from './PreferencesMenu'
+import { PreferencesMenu } from './PreferencesMenu'
+import { PreferenceId } from '@standardnotes/ui-services'
 
 type Props = {
   menu: PreferencesMenu