From 8fc900fbf1ae32ce210a4c7133cb3a21e5a03077 Mon Sep 17 00:00:00 2001
From: Michael Dausmann <mdausmann@gmail.com>
Date: Sun, 2 Apr 2023 17:28:52 +1000
Subject: [PATCH] enable update account name from account page

---
 README.md                                  |  2 +-
 lib/services/user.account.service.ts       |  9 +++++++++
 pages/account.vue                          |  5 ++++-
 server/trpc/routers/user.account.router.ts | 10 ++++++++++
 stores/app.store.ts                        |  8 ++++++++
 5 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 027ae50..e27dda7 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Please don't hitch your wagon to this star just yet... I'm coding this in the op
 - [x] User roles and permissions (admin, regular user, etc. roles defined in the [Prisma Schema](/prisma/schema.prisma))
 - [x] User Email captured on initial login
 - [x] Initial plan and plan period controled via config to allow either a trial plan or a 'No Plan' for initial users
-- [ ] Edit Account Name from Account Page
+- [x] Edit Account Name from Account Page
 
 ### Schema and DB Management
 - [x] Prisma based Schema Management
diff --git a/lib/services/user.account.service.ts b/lib/services/user.account.service.ts
index a6fbcf0..896c4ee 100644
--- a/lib/services/user.account.service.ts
+++ b/lib/services/user.account.service.ts
@@ -151,6 +151,15 @@ export default class UserAccountService {
     });
   }
 
+  async changeAccountName(account_id: number, new_name: string) {
+    return prisma_client.account.update({
+      where: { id: account_id},
+      data: {
+        name: new_name,
+      }
+    });
+  }
+
   async changeAccountPlan(account_id: number, plan_id: number) {
     const plan = await prisma_client.plan.findFirstOrThrow({ where: {id: plan_id}});
     return prisma_client.account.update({
diff --git a/pages/account.vue b/pages/account.vue
index a4cb967..5fd1cba 100644
--- a/pages/account.vue
+++ b/pages/account.vue
@@ -1,8 +1,11 @@
 <script setup lang="ts">
   import { storeToRefs } from 'pinia';
+  import { ACCOUNT_ACCESS } from '@prisma/client';
+
   const store = useAppStore();
   const { activeMembership } = storeToRefs(store);
   const config = useRuntimeConfig();
+  const newAccountName = ref("");
 
   function formatDate(date: Date | undefined){
     if(!date){ return ""; }
@@ -12,7 +15,7 @@
 <template>
   <div>
     <h3>Account</h3>
-    <p>Name: {{ activeMembership?.account.name }}</p>
+    <p>Name: {{ activeMembership?.account.name }} <span v-if="activeMembership && (activeMembership.access === ACCOUNT_ACCESS.OWNER || activeMembership.access !== ACCOUNT_ACCESS.ADMIN)"><input v-model="newAccountName" placeholder="Enter New Name"/><button @click.prevent="store.changeAccountName(newAccountName)">Change Name</button></span></p>
     <p>Current Period Ends: {{ formatDate(activeMembership?.account.current_period_ends) }}</p>
     <p>Permitted Features: {{ activeMembership?.account.features }}</p>
     <p>Maximum Notes: {{ activeMembership?.account.max_notes }}</p>
diff --git a/server/trpc/routers/user.account.router.ts b/server/trpc/routers/user.account.router.ts
index 632fcf6..234b3d2 100644
--- a/server/trpc/routers/user.account.router.ts
+++ b/server/trpc/routers/user.account.router.ts
@@ -10,6 +10,16 @@ export const userAccountRouter = router({
         dbUser: ctx.dbUser,
       }
     }),  
+  changeAccountName: adminProcedure
+    .input(z.object({ account_id: z.number(), new_name: z.string() }))
+    .query(async ({ ctx, input }) => {
+      const uaService = new UserAccountService();
+      const account = await uaService.changeAccountName(input.account_id, input.new_name);
+
+      return {
+        account,
+      }
+    }),
   changeAccountPlan: adminProcedure
     .input(z.object({ account_id: z.number(), plan_id: z.number() }))
     .query(async ({ ctx, input }) => {
diff --git a/stores/app.store.ts b/stores/app.store.ts
index c1c6bcb..88f0318 100644
--- a/stores/app.store.ts
+++ b/stores/app.store.ts
@@ -45,6 +45,14 @@ export const useAppStore = defineStore('app', {
         await this.fetchNotesForCurrentUser();
       }
     },
+    async changeAccountName(new_name: string){
+      if(!this.activeMembership) { return; }
+      const { $client } = useNuxtApp();
+      const { data: account } = await $client.userAccount.changeAccountName.useQuery({account_id: this.activeMembership.account_id, new_name});
+      if(account.value?.account){
+        this.activeMembership.account = account.value.account;
+      }
+    },
     async changeAccountPlan(plan_id: number){
       if(!this.activeMembership) { return; }
       const { $client } = useNuxtApp();