account activation

src/router/index.js

@@ -6,7 +6,7 @@ import Pfps from '../views/PfpsView.vue';
 import Wallpapers from '../views/WallpapersView.vue';
 import Settings from '../views/SettingsView.vue';
 import MyScape from '../views/MyScape.vue';
-
+import ActivateAccount from '../views/ActivateAccountView.vue';
 const routes = [
   { path: '/', component: Home },
   { path: '/pfps', component: Pfps },
@@ -15,6 +15,7 @@ const routes = [
   { path: '/login', component: Login },
   { path: '/settings', component: Settings },
   { path: '/myscape', component: MyScape },
+  { path: '/account/activate', component: ActivateAccount, props: route => ({ activationToken: route.query.activationToken }) }
 ];
 
 const router = createRouter({

src/services/axiosService.js

@@ -45,6 +45,10 @@ export const login = async (email, password) => {
 };
 
 
+
+
+
+
 export const verifyLoginCode = async (email, code) => {
   try {
     const response = await axiosInstance.post('/auth/verify', { email, code });
@@ -56,6 +60,17 @@ export const verifyLoginCode = async (email, code) => {
   }
 };
 
+
+export const ActivateAccount = async (activationToken) => {
+    try {
+      const response = await axiosInstance.get(`/auth/activate?activationToken=${activationToken}`);
+      return response.data;
+    } catch (error) {
+      handleApiError(error);
+    }
+  };
+
+
 export const register = async (email, username, password) => {
   try {
     const response = await axiosInstance.post('/auth/register', { email, username, password });
@@ -213,5 +228,6 @@ export default {
   getImageDetails,
   deleteUpload,
   getUser,
-  verifyLoginCode
+  verifyLoginCode,
+  ActivateAccount
 };

src/views/ActivateAccountView.vue

@@ -0,0 +1,43 @@
+<template>
+    <div>
+      <h1>Account Activated!</h1>
+    </div>
+  </template>
+
+  <script>
+
+import axiosService from '@/services/axiosService';
+import Cookies from 'js-cookie';
+
+  export default {
+    props: {
+      activationToken: {
+        type: String,
+        required: true
+      }
+    },
+    mounted() {
+      console.log('Activation Token:', this.activationToken);
+      
+      this.processActivation(this.activationToken);
+    },
+    methods: {
+      async processActivation(activationToken) {
+        try{
+            const response = await axiosService.ActivateAccount(activationToken)
+            Cookies.set('token', response.token);
+            window.location.href = '/';
+        }catch{
+            console.error("error activating account and login");
+            window.location.href = '/';
+
+        }
+        
+      }
+    }
+  }
+  </script>
+
+  <style scoped>
+  </style>
+