From 676420c3fa80d934e9ed4904d36cbd71a4cb33cd Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Thu, 7 Aug 2025 19:57:03 +0200
Subject: [PATCH] Refactor admin dashboard layout and improve NocoDB settings
 dialog handling

---
 pages/dashboard/admin.vue | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/pages/dashboard/admin.vue b/pages/dashboard/admin.vue
index 69b4e1e..abc7e59 100644
--- a/pages/dashboard/admin.vue
+++ b/pages/dashboard/admin.vue
@@ -99,6 +99,44 @@
         </v-col>
       </v-row>
 
+      <!-- NocoDB Configuration -->
+      <v-row class="mb-6">
+        <v-col cols="12">
+          <v-card elevation="2">
+            <v-card-title>
+              <v-icon left>mdi-database-cog</v-icon>
+              Database Configuration
+            </v-card-title>
+            <v-card-text>
+              <p class="mb-4">Configure the NocoDB database connection for the Member Management system.</p>
+              
+              <v-row>
+                <v-col cols="12" md="6">
+                  <v-btn
+                    color="info"
+                    variant="outlined"
+                    block
+                    size="large"
+                    @click="showNocoDBSettings = true"
+                  >
+                    <v-icon start>mdi-database-settings</v-icon>
+                    Configure NocoDB
+                  </v-btn>
+                </v-col>
+                
+                <v-col cols="12" md="6">
+                  <div class="d-flex align-center" style="height: 100%;">
+                    <v-chip color="success" variant="tonal" size="small">
+                      <v-icon start size="14">mdi-database</v-icon>
+                      Ready for configuration
+                    </v-chip>
+                  </div>
+                </v-col>
+              </v-row>
+            </v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
 
     </v-container>