feat: profile, edit profile page에서 url에 유효하지 않은 uid 입력시 404page 로 이동

MomHelpMe · Aug 26, 2024 · 12bb599 · 12bb599
1 parent 56c5092
commit 12bb599
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/frontend/src/components/Edit-Profile.js b/frontend/src/components/Edit-Profile.js
@@ -1,9 +1,15 @@
 import { Component } from "../core/Component.js";
 import { changeUrl } from "../core/router.js";
+import { parseJWT } from "../core/jwt.js";
 
 export class EditProfile extends Component {
 
 	translate() {
+		const payload = parseJWT();
+
+		if (parseInt(this.props.uid) !== payload.id)
+			changeUrl("/404", false);
+
 		const languages = {
 			0: {
 				headText: "Edit Profile",
@@ -147,7 +153,7 @@ export class EditProfile extends Component {
 	}
 
 	setEvent() {
-		this.addEvent('click', '#goBack', (event) => {
+		this.addEvent('click', '#goBack', () => {
 			window.history.back();
 		});
 
@@ -158,15 +164,15 @@ export class EditProfile extends Component {
 			}
 		});
 
-		this.addEvent('click', '#deleteButton', (event) => {
+		this.addEvent('click', '#deleteButton', () => {
 			document.getElementById('deleteDoubleCheck').style.display = 'flex';
 		});
 
-		this.addEvent('click', '#deleteNoButton', (event) => {
+		this.addEvent('click', '#deleteNoButton', () => {
 			document.getElementById('deleteDoubleCheck').style.display = 'none';
 		});
 
-		this.addEvent('click', '#deleteYesButton', (event) => {
+		this.addEvent('click', '#deleteYesButton', () => {
 			//API!! ME DELETE
 			fetch("https://localhost:443/api/me/", {
 				method: 'DELETE',
@@ -187,10 +193,6 @@ export class EditProfile extends Component {
 			const imageUrl = document.getElementById('image-url').value;
 			const is_2FA = document.getElementById('2fa-toggle').checked;	
 
-			console.log(nickname);
-			console.log(imageUrl);
-			console.log(is_2FA);
-
 			// Create FormData object to send file and other data
 			const formData = new FormData();
 			formData.append('nickname', nickname);

diff --git a/frontend/src/components/Profile-Info.js b/frontend/src/components/Profile-Info.js
@@ -58,7 +58,10 @@ export class ProfileInfo extends Component {
 			this.state.rate = data.user.lose == 0 ? (data.user.win == 0 ? 0 : 100) :
 							Math.round((data.user.win / (data.user.lose + data.user.win)) * 100);
 		})
-		.catch(error => console.error('Fetch error:', error));
+		.catch(error => {
+			console.error('Fetch error:', error);
+			changeUrl("/404", false);
+		});
 		return { user: this.user, rate: this.rate, games: this.games };
 	}
 

diff --git a/frontend/src/core/router.js b/frontend/src/core/router.js
@@ -125,7 +125,6 @@ export async function parsePath(path) {
 			keys.forEach((key, index) => {
 				props[key.substring(1)] = values[index];
 			});
-			console.log(props);
 			route.component(props);
 			return;
 		}