fix flypenTeam avatar bg & profile info

Author: stepbystepcode

src/pages/ProfilePage.vue

@@ -15,19 +15,34 @@
     <img style="width: 100vw" :src="getAvatar()" alt="">
     </div>
     <div class="username text-h4">{{route.params.id}}</div>
+    <div class="q-ml-md" style="margin-top: -2rem">
+    <div class="text-primary text-bold">Account</div>
+    <div class="q-mt-sm text-h6"><q-icon name="alternate_email"></q-icon> {{route.params.id}}</div>
+    <div class="text-grey q-mb-sm">Username</div>
+    <q-separator/>
+      <div class="q-mt-sm text-h6"><q-icon name="calendar_month"></q-icon> {{getTime()}}</div>
+      <div class="text-grey q-mb-sm">Register Time</div>
+    </div>
     <q-separator/>
   </div>
 </template>
 <script setup>
-import {useQuasar} from 'quasar';
-const $q = useQuasar();
+import {date, useQuasar} from 'quasar';
 import {useCheckStore} from 'stores/check';
+import {useRoute, useRouter} from 'vue-router';
+import Swal from 'sweetalert2';
+import axios from 'axios';
+
+const $q = useQuasar();
 const store = useCheckStore();
-import {useRoute,useRouter} from 'vue-router';
-import Swal from "sweetalert2";
-import axios from "axios";
 const router = useRouter()
 const route = useRoute();
+const getTime=()=>{
+  let timeStamp;
+  if(store.info.username===route.params.id) timeStamp = new Date(store.info.registerTime);
+  else timeStamp = new Date(store.info.friends.find(item => item.username === route.params.id).registerTime);
+  return date.formatDate(timeStamp, 'MMMM YYYY');
+}
 const getAvatar=()=>{
   if(store.info.username===route.params.id){
     return store.avatar(store.info.avatar)

src/stores/check.ts

@@ -11,7 +11,7 @@ export const useCheckStore = defineStore('check', () => {
   const avatarList = ['O1kmMD', 'O1ky0I', 'O1kvZ1', 'O1kZBG', 'O1k1Hv', 'O1kn1Y', 'O1kiMU', 'O1kF0p', 'O1kzKj', 'O1kMKK', 'O1bw5s', 'O1b3fB', 'O1bIpg', 'O1bukl', 'O1b88b', 'O1b6DP', 'O1b2n6', 'O1b9wF', 'O1blSD', 'O1bfAI', 'O1bY51', 'O1bsYG', 'O1bdpM', 'O1bckr', 'O1bS6c', 'O1bQDq', 'O1bGnv', 'O1bLCY', 'O1bHSU', 'O1bDAp', 'O1b4qj', 'O1bRYx']
   const unread = ref({});
   const avatar = (n: number) => {
-    if (n===100) return 'https://ooo.0x0.ooo/2023/10/12/O1ffy1.png';
+    if (n===100) return 'https://ooo.0x0.ooo/2023/10/12/O19USD.png';
     const str = avatarList[n];
     return `https://ooo.0x0.ooo/2023/10/03/${str}.webp`
   }