Adicionado rotas nas notificações que leva o usuario até o perfil da …

…pessoa da notificiação.
vapdev · Mar 9, 2023 · 3ff0c43 · 3ff0c43
1 parent 2bb7f86
commit 3ff0c43
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -9,11 +9,11 @@ services:
 #      - POSTGRES_PASSWORD=postgres
   web:
     build: .
-    command: python manage.py runserver 0.0.0.0:8000 && python manage.py migrate && python manage.py migrate feed 0012 --fake && python manage.py migrate && python manage.py migrate twikkerprofile 0006 --fake  && python manage.py migrate
+    command: python manage.py runserver 0.0.0.0:7000 && python manage.py migrate && python manage.py migrate feed 0012 --fake && python manage.py migrate && python manage.py migrate twikkerprofile 0006 --fake  && python manage.py migrate
     volumes:
       - .:/code
     ports:
-      - "8000:8000"
+      - "7000:7000"
     environment:
       - POSTGRES_NAME=postgres
       - POSTGRES_USER=postgres

diff --git a/frontend/.env b/frontend/.env
@@ -1,2 +1,2 @@
-VITE_API_BASE_URL = 'http://localhost:8000'
-VITE_SOCKET_HOST = 'localhost:8000'
+VITE_API_BASE_URL = 'http://localhost:7000'
+VITE_SOCKET_HOST = 'localhost:7000'
diff --git a/frontend/src/pages/Notifications.vue b/frontend/src/pages/Notifications.vue
@@ -13,31 +13,31 @@
       >
       <Avatar :avatar_url="notification.avatar_url" :size="8" class="mr-2"/>
         <div>
-          <a v-if="notification.notification_type == 'message'">
+          <router-link :to="`/profile/${notification.created_by_username}`" v-if="notification.notification_type == 'message'">
             <strong>{{ notification.created_by_username }}</strong> te mandou
             uma mensagem
             <small>{{ formatted_time(notification.created_at) }}</small>
-          </a>
-          <a v-if="notification.notification_type == 'follower'">
-            <strong>{{ notification.created_by_username }}</strong> começou a te
+          </router-link>
+          <router-link :to="`/profile/${notification.created_by_username}`" v-if="notification.notification_type == 'follower'">
+            <strong>{{ notification.created_by_username }}</strong> começou router-link te
             seguir
             <small>{{ formatted_time(notification.created_at) }}</small>
-          </a>
-          <a v-if="notification.notification_type == 'like'">
+          </router-link>
+          <router-link :to="`/profile/${notification.created_by_username}`" v-if="notification.notification_type == 'like'">
             <strong>{{ notification.created_by_username }}</strong> curtiu um
             tweek que você fez
             <small>{{ formatted_time(notification.created_at) }}</small>
-          </a>
-          <a v-if="notification.notification_type == 'dislike'">
+          </router-link>
+          <router-link :to="`/profile/${notification.created_by_username}`" v-if="notification.notification_type == 'dislike'">
             <strong>{{ notification.created_by_username }}</strong> não curtiu
             um tweek que você fez
             <small>{{ formatted_time(notification.created_at) }}</small>
-          </a>
-          <a v-if="notification.notification_type == 'mention'">
+          </router-link>
+          <router-link :to="`/profile/${notification.created_by_username}`" v-if="notification.notification_type == 'mention'">
             <strong>{{ notification.created_by_username }}</strong> mencionou
             você em um tweek
             <small>{{ formatted_time(notification.created_at) }}</small>
-          </a>
+          </router-link>
         </div>
       </div>
     </div>