feat: hide some prefs if not logged in (#979)

app/assets/javascripts/Components/Preferences/Panes/Listed/index.tsx

@@ -91,17 +91,19 @@ export const Listed = observer(({ application }: Props) => {
             </a>
           </Text>
         </PreferencesSegment>
-        <PreferencesSegment>
+        {application.getUser() && (
-          <Subtitle>Get Started</Subtitle>
+          <PreferencesSegment>
-          <Text>Create a free Listed author account to get started.</Text>
+            <Subtitle>Get Started</Subtitle>
-          <Button
+            <Text>Create a free Listed author account to get started.</Text>
-            className="mt-3"
+            <Button
-            variant="normal"
+              className="mt-3"
-            disabled={requestingAccount}
+              variant="normal"
-            label={requestingAccount ? 'Creating account...' : 'Create new author'}
+              disabled={requestingAccount}
-            onClick={registerNewAccount}
+              label={requestingAccount ? 'Creating account...' : 'Create new author'}
-          />
+              onClick={registerNewAccount}
-        </PreferencesSegment>
+            />
+          </PreferencesSegment>
+        )}
       </PreferencesGroup>
     </PreferencesPane>
   )

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

@@ -20,6 +20,6 @@ export const Security: FunctionComponent<SecurityProps> = (props) => (
     <Protections application={props.application} />
     <TwoFactorAuthWrapper mfaProvider={props.mfaProvider} userProvider={props.userProvider} />
     <PasscodeLock appState={props.appState} application={props.application} />
-    <Privacy application={props.application} />
+    {props.application.getUser() && <Privacy application={props.application} />}
   </PreferencesPane>
 )