forked from MapComplete/MapComplete
37 lines
1.3 KiB
Svelte
37 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import PrivacyPolicy from "./BigComponents/PrivacyPolicy.svelte"
|
|
import Tr from "./Base/Tr.svelte"
|
|
import { EyeIcon } from "@rgossiaux/svelte-heroicons/solid"
|
|
import Translations from "./i18n/Translations"
|
|
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>
|
|
|
|
<main>
|
|
<div class="flex h-screen flex-col overflow-hidden px-4">
|
|
<div class="flex justify-between">
|
|
<h2 class="flex items-center">
|
|
<EyeIcon class="w-6 pr-2" />
|
|
<Tr t={Translations.t.privacy.title} />
|
|
</h2>
|
|
<LanguagePicker availableLanguages={Translations.t.privacy.intro.SupportedLanguages()} />
|
|
</div>
|
|
<div class="h-full overflow-auto border border-gray-500 p-4">
|
|
<PrivacyPolicy {state} />
|
|
</div>
|
|
<a class="button flex" href={Utils.HomepageLink()}>
|
|
<Add class="h-6 w-6" />
|
|
<Tr t={Translations.t.general.backToIndex} />
|
|
</a>
|
|
</div>
|
|
</main>
|