diff --git a/frontend/src/routes/@[username]/+page.svelte b/frontend/src/routes/@[username]/+page.svelte index 642e715..e7be793 100644 --- a/frontend/src/routes/@[username]/+page.svelte +++ b/frontend/src/routes/@[username]/+page.svelte @@ -46,6 +46,7 @@ import ProfileFlag from "./ProfileFlag.svelte"; import IconButton from "$lib/components/IconButton.svelte"; import Badges from "./badges/Badges.svelte"; + import PreferencesCheatsheet from "./PreferencesCheatsheet.svelte"; export let data: PageData; @@ -190,14 +191,15 @@ {/if} {#if data.utc_offset} Current time - {currentTime} (UTC{timezone}) + + {currentTime} (UTC{timezone}) {/if} {#if profileEmpty && $userStore?.id === data.id}

- Your profile is empty! You can customize it by going to the edit profileedit profile page. (only you can see this)

@@ -258,6 +260,12 @@ {/each} +
diff --git a/frontend/src/routes/@[username]/PreferencesCheatsheet.svelte b/frontend/src/routes/@[username]/PreferencesCheatsheet.svelte new file mode 100644 index 0000000..ac4200a --- /dev/null +++ b/frontend/src/routes/@[username]/PreferencesCheatsheet.svelte @@ -0,0 +1,59 @@ + + +
+
    + {#each usedDefaultPreferences as pref (pref.id)} +
  • + + {pref.preference.tooltip} +
  • + {/each} +
+ {#if usedCustomPreferences} +
    + {#each usedCustomPreferences as pref (pref.id)} +
  • + + {pref.preference.tooltip} +
  • + {/each} +
+ {/if} +
diff --git a/frontend/src/routes/@[username]/[memberName]/+page.svelte b/frontend/src/routes/@[username]/[memberName]/+page.svelte index 206cbfd..1ecc942 100644 --- a/frontend/src/routes/@[username]/[memberName]/+page.svelte +++ b/frontend/src/routes/@[username]/[memberName]/+page.svelte @@ -22,6 +22,7 @@ import { addToast } from "$lib/toast"; import ProfileFlag from "../ProfileFlag.svelte"; import IconButton from "$lib/components/IconButton.svelte"; + import PreferencesCheatsheet from "../PreferencesCheatsheet.svelte"; export let data: PageData; @@ -154,6 +155,12 @@
{/each}
+