From c2eb6bf1e977bc297175722af12747199bc56bcb Mon Sep 17 00:00:00 2001
From: dderbentsov <dderbentsov@gmail.com>
Date: Sun, 17 Sep 2023 15:44:30 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BB=20homepage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TheHeader.vue |  2 +-
 src/pages/home/TheHome.vue   | 29 +++++++++++++++++++++++++++++
 src/router.js                |  4 +++-
 3 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/home/TheHome.vue

diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
index c64b328..7759f9c 100644
--- a/src/components/TheHeader.vue
+++ b/src/components/TheHeader.vue
@@ -88,7 +88,7 @@ export default {
   },
   methods: {
     redirectHomePage() {
-      this.$router.push("/calendar");
+      this.$router.push("/");
     },
     async logout() {
       await fetchWrapper.post("auth/logout");
diff --git a/src/pages/home/TheHome.vue b/src/pages/home/TheHome.vue
new file mode 100644
index 0000000..1355d53
--- /dev/null
+++ b/src/pages/home/TheHome.vue
@@ -0,0 +1,29 @@
+<template lang="pug">
+.wrapper.flex.flex-col.w-full.bg-white.p-4
+  .text-xxl.font-bold.pa-3
+    .text Добрый день, %username%!
+  .text.pt-3.cursor-pointer(@click="gotoCalendar") Расписание приемов
+  .text.pt-3.cursor-pointer(@click="gotoMedicalCards") Медицинские карты
+
+</template>
+
+<script>
+export default {
+  name: "TheHome",
+  methods: {
+    gotoCalendar() {
+      this.$router.push("/calendar");
+    },
+    gotoMedicalCards() {
+      this.$router.push("/medcards");
+    },
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.wrapper
+  overflow: auto
+  border-top-left-radius: 4px
+  border-top-right-radius: 4px
+</style>
diff --git a/src/router.js b/src/router.js
index 25482a7..4efdcfe 100644
--- a/src/router.js
+++ b/src/router.js
@@ -6,6 +6,7 @@ import TheLogin from "@/pages/login/TheLogin";
 import LoggedInLayout from "@/components/LoggedInLayout";
 import TheMedicalCard from "@/pages/newMedicalCard/TheMedicalCard";
 import { fetchWrapper } from "@/shared/fetchWrapper";
+import TheHome from "@/pages/home/TheHome";
 
 const ifNotAuthenticated = async (to, from, next) => {
   const data = await fetchWrapper.get("users/me");
@@ -34,7 +35,8 @@ export default createRouter({
       beforeEnter: ifAuthenticated,
 
       children: [
-        { path: "", redirect: "calendar" },
+        { path: "", redirect: "home" },
+        { path: "home", component: TheHome },
         { path: "calendar", component: TheCalendar },
         { path: "medcards", component: TheMedcards },
         { path: "settings", component: TheSettings },