quit + alert +addsesion

containers/api/src/app.controller.ts

@@ -453,12 +453,21 @@ export class AppController {
   async setOffline(@Request() req) {
 
 	const user = await this.userService.findOne(req.user.username);
-
+	user.sessionNumber-- ;
+	if (!user.sessionNumber)
 		user.status = 0;
 	await this.userService.save(user);
 	console.log("User quit");
   }
 
+  @UseGuards(JwtAuthGuard)
+  @Post('/addSession')
+  async addSession(@Request() req) {
+
+	const user = await this.userService.findOne(req.user.username);
+	user.sessionNumber++ ;
+	await this.userService.save(user);
+  }
 
 //========================================================================================================
 //========================================================================================================

containers/api/src/auth/login42.ts

@@ -76,6 +76,7 @@ export class loginClass {
 				friends: null,
 				blocked: null,
 				photo: null,
+				sessionNumber: 1,
 			  };
 			await this.usersService.create(user);
 		}

containers/api/src/model/user.entity.ts

@@ -50,6 +50,9 @@ export class User {
 	@Column({ default: 0 })
 	loss: number;
 
+	@Column({ default: 0 })
+	sessionNumber: number;
+
 	@Column({ default: 0 })
 	rank: number;
 

containers/react/src/pages/Home.tsx

@@ -13,6 +13,8 @@
 // import { React, useState } from "react";
 import '../styles/Profile.css'
 // import '../styles/App.css'
+import RedAlert from "../components/Alert/RedAlert.tsx";
+
 import DefaultPicture from "../assets/profile.jpg";
 import WinLoss from "../components/Profile/Win_Loss.tsx";
 import { motion, AnimatePresence } from 'framer-motion'
@@ -52,7 +54,10 @@ function Profile () {
 	const [isLoading, setIsLoading] = useState<boolean>(true);
 	const [modalOpen, setModalOpen] = useState<boolean>(false);
 	const [mine, setMine] = useState<boolean>(false);
+	const [error, setError] = useState<boolean>(false);
+	// const [visible, setVisible] = useState<boolean>(false);
 	const close = () => setModalOpen(false);
+	const closeError = () => setError(false);
 	const open = () => setModalOpen(true);
 
 	const { username } = useParams();
@@ -76,6 +81,7 @@ function Profile () {
 				console.log('File uploaded successfully');
 				window.location.reload();
 			  } catch (error) {
+				setError(true);
 				console.error('Error uploading file:', error);
 			  }
 			}
@@ -146,6 +152,14 @@ function Profile () {
 						<>
 							<label htmlFor="file-input" className="edit_name"><MdOutlinePhotoLibrary/></label>
 							<input type="file" id="file-input" className="file-input" accept="image/*" onChange={handleFileChange} />
+							<AnimatePresence initial={false} onExitComplete={() => null}>
+							{error ? (
+								<RedAlert handleClose={closeError} text={'Error : upload failed'} />
+							): ("")}
+
+							</AnimatePresence>
+
+
 						</>
 					)}
 				</motion.div>