From b4151f03c853d3f13bc02d840994ac13524bc308 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Fri, 5 Jan 2024 11:59:08 -0600
Subject: [PATCH] implement selecting dynamic currency options

---
 backend/app/api/main.go           |  4 ++++
 frontend/lib/api/classes/group.ts | 14 +++++++++++++-
 frontend/pages/profile.vue        | 21 +++++++++++++++++----
 3 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/backend/app/api/main.go b/backend/app/api/main.go
index 07b8e8d..8b0c844 100644
--- a/backend/app/api/main.go
+++ b/backend/app/api/main.go
@@ -133,6 +133,10 @@ func run(cfg *config.Config) error {
 	}
 
 	if cfg.CurrencyConfig != "" {
+		log.Info().
+			Str("path", cfg.CurrencyConfig).
+			Msg("loading currency config file")
+
 		content, err := os.ReadFile(cfg.CurrencyConfig)
 		if err != nil {
 			log.Fatal().
diff --git a/frontend/lib/api/classes/group.ts b/frontend/lib/api/classes/group.ts
index 7468f09..963157f 100644
--- a/frontend/lib/api/classes/group.ts
+++ b/frontend/lib/api/classes/group.ts
@@ -1,5 +1,11 @@
 import { BaseAPI, route } from "../base";
-import { Group, GroupInvitation, GroupInvitationCreate, GroupUpdate } from "../types/data-contracts";
+import {
+  CurrenciesCurrency,
+  Group,
+  GroupInvitation,
+  GroupInvitationCreate,
+  GroupUpdate,
+} from "../types/data-contracts";
 
 export class GroupApi extends BaseAPI {
   createInvitation(data: GroupInvitationCreate) {
@@ -21,4 +27,10 @@ export class GroupApi extends BaseAPI {
       url: route("/groups"),
     });
   }
+
+  currencies() {
+    return this.http.get<CurrenciesCurrency[]>({
+      url: route("/currencies"),
+    });
+  }
 }
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
index bc3273a..ae9cb2d 100644
--- a/frontend/pages/profile.vue
+++ b/frontend/pages/profile.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
   import { Detail } from "~~/components/global/DetailsSection/types";
   import { themes } from "~~/lib/data/themes";
-  import { currencies, Currency } from "~~/lib/data/currency";
   import { NotifierCreate, NotifierOut } from "~~/lib/api/types/data-contracts";
 
   definePageMeta({
@@ -15,9 +14,23 @@
   const confirm = useConfirm();
   const notify = useNotifier();
 
-  // Currency Selection
-  const currency = ref<Currency>(currencies[0]);
+  const currencies = computedAsync(async () => {
+    const resp = await api.group.currencies();
+    if (resp.error) {
+      notify.error("Failed to get currencies");
+      return [];
+    }
 
+    return resp.data;
+  });
+
+  // Currency Selection
+  const currency = ref<typeof currencies.value[number]>({
+    code: "USD",
+    name: "United States Dollar",
+    local: "en-US",
+    symbol: "$",
+  });
   watch(currency, () => {
     if (group.value) {
       group.value.currency = currency.value.code;
@@ -45,7 +58,7 @@
     }
 
     // @ts-expect-error - typescript is stupid, it should know group.value is not null
-    const found = currencies.find(c => c.code === group.value.currency);
+    const found = currencies.value.find(c => c.code === group.value.currency);
     if (found) {
       currency.value = found;
     }