feat: ✨ Added language & theme selectors to Help and Setup pages.

wizarrrr · Nov 7, 2023 · 85cfaf4 · 85cfaf4
1 parent af2396c
commit 85cfaf4
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/apps/wizarr-frontend/src/modules/help/views/Help.vue b/apps/wizarr-frontend/src/modules/help/views/Help.vue
@@ -1,4 +1,9 @@
 <template>
+ <div class="flex flex-row-reverse flex-column m-3">
+ <LanguageSelector iconClasses="text-base h-8 w-8" />
+ <ThemeToggle iconClasses="text-base h-6 w-6" />
+ </div>
+
  <div>
  <div class="flex justify-center items-center flex-col mt-12 mb-3 space-y-6">
  <WizarrLogo rounded class="w-[150px] h-[150px]" />
@@ -30,6 +35,9 @@ import { mapState } from "pinia";
 import Carousel from "@/components/Carousel.vue";
 import WizarrLogo from "@/components/WizarrLogo.vue";
 
+import LanguageSelector from '@/components/Buttons/LanguageSelector.vue';
+import ThemeToggle from '@/components/Buttons/ThemeToggle.vue';
+
 import Welcome from "../components/Welcome.vue";
 import Download from "../components/Download.vue";
 import Discord from "../components/Discord.vue";
@@ -42,6 +50,8 @@ export default defineComponent({
  components: {
  Carousel,
  WizarrLogo,
+ LanguageSelector,
+ ThemeToggle,
  },
  data() {
  return {

diff --git a/apps/wizarr-frontend/src/modules/setup/views/Setup.vue b/apps/wizarr-frontend/src/modules/setup/views/Setup.vue
@@ -1,4 +1,9 @@
 <template>
+ <div class="flex flex-row-reverse flex-column m-3">
+ <LanguageSelector iconClasses="text-base h-8 w-8" />
+ <ThemeToggle iconClasses="text-base h-6 w-6" />
+ </div>
+
  <div>
  <div
  class="flex justify-center items-center flex-col mt-12 mb-3 space-y-6"
@@ -59,11 +64,16 @@ import { defineComponent } from 'vue';
 import Carousel from '../../core/components/Carousel.vue';
 import WizarrLogo from '@/components/WizarrLogo.vue';
 
+import LanguageSelector from '@/components/Buttons/LanguageSelector.vue';
+import ThemeToggle from '@/components/Buttons/ThemeToggle.vue';
+
 export default defineComponent({
  name: 'Setup',
  components: {
  WizarrLogo,
  Carousel,
+ LanguageSelector,
+ ThemeToggle,
  },
  data() {
  return {