deps updated. Some info added.

client/package.json

@@ -10,8 +10,8 @@
   "dependencies": {
     "apexcharts": "^3.23.0",
     "core-js": "^3.8.1",
-    "element-plus": "^1.0.1-beta.8",
-    "firebase": "^8.2.0",
+    "element-plus": "^1.0.1-beta.10",
+    "firebase": "^8.2.1",
     "firebaseui": "^4.7.1",
     "primeflex": "^2.0.0",
     "primeicons": "^4.1.0",
@@ -35,7 +35,7 @@
     "babel-eslint": "^10.1.0",
     "css-loader": "^5.0.1",
     "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^7.2.0",
+    "eslint-plugin-vue": "^7.3.0",
     "typescript": "~3.9.3"
   },
   "eslintConfig": {

client/src/components/NavBar.vue

@@ -2,7 +2,7 @@
   <Menubar :model="items">
     <template #start>
       <router-link to="/" class="brand-logo" tag="a">
-        <img alt="logo" src="../assets/logo.svg" height="40" class="p-mr-2" />
+        <img alt="logo" src="../assets/osw.png" height="40" class="p-mr-2" />
       </router-link>
     </template>
   </Menubar>
@@ -21,8 +21,8 @@ export default {
         providerData: [{ providerId: '' }]
       },
       items: [
+        { label: 'Dashboard', icon: 'pi pi-fw pi-chart-bar', to: '/dashboard' },
         { label: 'Profile', icon: 'pi pi-fw pi-user', to: '/profile' },
-        // { label: 'Login', icon: 'pi pi-fw pi-unlock', to: '/login' },
         { label: 'About', icon: 'pi pi-fw pi-book', to: '/about' },
         {
           label: 'Logout',

client/src/views/About.vue

@@ -2,7 +2,33 @@
   <Panel header="About" class="p-shadow-3">
     <div class="p-grid">
       <div class="p-col-12">
-        Make with love to OSW community
+        <h1>Miniestaciones calidad del aire en interiores</h1>
+        <h2>
+          Mini estaciones DIY para medir diferentes gases y contaminantes
+          presentes en el aire en tiempo real.
+        </h2>
+        <h3>
+          <a href="https://github.com/OSWeekends/miniestaciones">
+            https://github.com/OSWeekends/miniestaciones
+          </a>
+        </h3>
+      </div>
+      <div class="p-col-12">
+        <img
+          class="p-mx-auto"
+          height="200"
+          src="../assets/Open-source-hardware-logo.svg"
+          alt="Logo open hardware"
+        />
+        <img
+          class="p-mx-auto"
+          height="200"
+          src="../assets/oswguilds.png"
+          alt="Logo osw guilds"
+        />
+      </div>
+      <div class="p-col-12">
+        <p>Make with <i class="pi pi-heart"></i> to OSW community</p>
       </div>
     </div>
   </Panel>

client/src/views/Profile.vue

@@ -2,19 +2,17 @@
   <Panel header="Profile" class="p-shadow-3">
     <Card style="width: 25rem; margin-bottom: 2em">
       <template #header>
-        <img alt="user avatar" :src="user.photoURL" />
+        <img :src="user.photoURL || 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Generic-person.svg/240px-Generic-person.svg.png'" />
       </template>
       <template #title>
-        {{ user.displayName }}
+        {{ user.displayName || user.email }}
       </template>
       <template #content>
         <p>
           name:
-          <strong>{{ user.displayName }}</strong>
+          <strong>{{ user.displayName || 'N/A' }}</strong>
           <br />email:
           <strong>{{ user.email }}</strong>
-          <br />uid:
-          <strong>{{ user.uid }}</strong>
           <br />provider:
           <strong class="teal-text">{{
             user.providerData[0].providerId
@@ -35,14 +33,14 @@ export default {
         email: '',
         displayName: '',
         photoURL: '',
-        providerData: [{ providerId: '' }],
-      },
+        providerData: [{ providerId: '' }]
+      }
     };
   },
   created() {
     if (AuthService.currentUser) {
       this.user = AuthService.currentUser;
     }
-  },
+  }
 };
 </script>