chore: complete the UI

Author: gideonairex

src/renderer/components/social/Social.vue

@@ -28,7 +28,7 @@
         </ui-list>
       </ui-grid-cell>
 
-      <!-- <ui-grid-cell>
+      <ui-grid-cell>
         <v-card>
           <v-banner single-line>
             <v-layout>
@@ -71,7 +71,6 @@
           <h4 style="text-align: center;" v-else>No secrets found</h4>
         </v-card>
       </ui-grid-cell>
-       -->
     </ui-grid-cell>
   </ui-grid>
 </template>
@@ -82,8 +81,14 @@ import { defineComponent } from 'vue'
 export default defineComponent({
   setup () {
     return {
+      pathList: [{
+        type: 'secret'
+      }],
       newVault: () => {},
-      deleteVault: () => {}
+      deleteVault: () => {},
+      changeView: () => {},
+      selectSecret: () => {},
+      deleteSecret: () => {}
     }
   }
 })

src/renderer/components/vaults/secrets/NewSecret.vue

@@ -6,7 +6,7 @@
         <v-row>
           <v-col>
             <v-list outlined>
-              <v-text-field
+              <ui-textfield
                 v-model="secretName"
                 :rules="secretNameRules"
                 label="Secret Name"
@@ -15,16 +15,16 @@
                 outlined
                 style="padding-left: 10px; padding-right: 10px"
                 placeholder="Enter a new secret name"
-              ></v-text-field>
+              />
 
-              <v-textarea
+              <ui-textfield
                 v-model="secretContent"
                 label="Secret Content"
                 required
                 outlined
                 style="padding-left: 10px; padding-right: 10px"
                 placeholder="Enter the content of the secret"
-              ></v-textarea>
+              />
             </v-list>
           </v-col>
         </v-row>

src/renderer/router/index.ts

@@ -8,7 +8,7 @@ import NewVault from '@/components/vaults/NewVault.vue'
 import NewSecret from '@/components/vaults/secrets/NewSecret.vue'
 import VaultInformation from '@/components/vaults/VaultInformation.vue'
 
-// import Social from '@/components/social/Social.vue'
+import Social from '@/components/social/Social.vue'
 
 import Keys from '@/components/keys/Keys.vue'
 import NewKey from '@/components/keys/NewKey.vue'
@@ -36,10 +36,10 @@ const routes: Array<RouteRecordRaw> = [
     component: NewVault
   },
   // // Social
-  // {
-  //   path: '/Social',
-  //   component: Social
-  // },
+  {
+    path: '/Social',
+    component: Social
+  },
   // // Keys
   {
     path: '/Keys',