Fix privacy policy standalone page

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapcomplete",
-  "version": "0.42.5",
+  "version": "0.42.6",
   "repository": "https://github.com/pietervdvn/MapComplete",
   "description": "A small website to edit OSM easily",
   "bugs": "https://github.com/pietervdvn/MapComplete/issues",

src/UI/BigComponents/PrivacyPolicy.svelte

@@ -9,6 +9,7 @@
   export let state: SpecialVisualizationState
   const usersettings = UserRelatedState.usersettingsConfig
   const editPrivacy = usersettings.tagRenderings.find(tr => tr.id === "more_privacy")
+  const isLoggedIn = state.osmConnection.isLoggedIn
 </script>
 
 <div class="link-underline flex flex-col">
@@ -44,10 +45,9 @@
     <li>
       <Tr t={t.items.language} />
     </li>
+
     <li>
-      <Tr t={t.items.distanceIndicator} />
+      {#if $isLoggedIn}
-    </li>
-    <li>
       <TagRenderingEditable config={editPrivacy} selectedElement={{
               type: "Feature",
               properties: { id: "settings" },
@@ -55,6 +55,9 @@
             }}
                             {state}
                             tags={state.userRelatedState.preferencesAsTags} />
+        {:else}
+          <Tr t={t.items.distanceIndicator} />
+        {/if}
     </li>
   </ul>
 

src/UI/Popup/TagRendering/TagRenderingQuestion.svelte

@@ -205,7 +205,7 @@
           checkedMappings,
           tags.data
         )
-        if (state.featureSwitches.featureSwitchIsDebugging.data) {
+        if (featureSwitchIsDebugging?.data) {
           console.log("Constructing change spec from", {
             freeform: $freeformInput,
             selectedMapping,

src/UI/PrivacyGui.svelte

@@ -6,6 +6,15 @@
   import { Utils } from "../Utils"
   import Add from "../assets/svg/Add.svelte"
   import LanguagePicker from "./InputElement/LanguagePicker.svelte"
+  import type { SpecialVisualizationState } from "./SpecialVisualization"
+  import { OsmConnection } from "../Logic/Osm/OsmConnection"
+  import UserRelatedState from "../Logic/State/UserRelatedState"
+
+  const osmConnection = new OsmConnection()
+  let state: SpecialVisualizationState = {
+    osmConnection,
+    userRelatedState: new UserRelatedState(osmConnection)
+  }
 </script>
 
 <div class="flex h-screen flex-col overflow-hidden px-4">
@@ -17,7 +26,7 @@
     <LanguagePicker availableLanguages={Translations.t.privacy.intro.SupportedLanguages()} />
   </div>
   <div class="h-full overflow-auto border border-gray-500 p-4">
-    <PrivacyPolicy />
+    <PrivacyPolicy {state} />
   </div>
   <a class="button flex" href={Utils.HomepageLink()}>
     <Add class="h-6 w-6" />