Fix: workout draft after changing logged user

- Fix an issue where the workout draft from a given user still loaded
  after user changing accounts.
- Adapt the new workout screen options to reflect the change on
  workout draft.
- Fix an issue where workout stats from a given user were not being
  loaded properly after the user changing accounts.
- Raise version to 2.2.0

Author: matheusmisumoto

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fitlogr",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

src/app/dashboard/workout/[workoutid]/edit/page.tsx

@@ -22,14 +22,20 @@ export default function TrackWorkout({ params, template } : { params?: { workout
     const [modals, setModals] = useState<Modal>()
     const [exercises, setExercises] = useState<ExerciseData[]>([])
     const [previousStats, setPreviousStats] = useState<PreviousStats>()
-    
+
     useEffect(() => {
         apiWithAuth(token).get('exercises').then(response => {
             setExercises(response.data);
         }).catch(error => {
             console.log(error);
         });
 
+        const initial: Workout = {
+            user: user?.sub!,
+            status: "IN_PROGRESS",
+            exercises: []
+        }
+            
         const workoutStorage = localStorage.getItem('workoutDraft');
 
         if(params?.workoutid) {
@@ -54,25 +60,21 @@ export default function TrackWorkout({ params, template } : { params?: { workout
             });
         } else if(workoutStorage && workoutStorage !== "undefined") {
             const workoutStorageParsed: Workout = JSON.parse(workoutStorage!);
-            if(workoutStorageParsed.status === "IN_PROGRESS") {
+
+            if(workoutStorageParsed.status === "IN_PROGRESS" && workoutStorageParsed.user == user.sub) {
                 setWorkout(JSON.parse(workoutStorage));
+            } else {
+                setWorkout(initial);
             }
         } else {
-            const initial: Workout = {
-                user: user?.sub!,
-                status: "IN_PROGRESS",
-                exercises: []
-            }
             setWorkout(initial);
         }
 
     }, [params?.workoutid, template, token, user?.sub]);
 
     useEffect(() => {
         if(workout) {
-            if(!params?.workoutid){
-                localStorage.setItem('workoutDraft', JSON.stringify(workout));
-            }
+            localStorage.setItem('workoutDraft', JSON.stringify(workout));
         }
     }, [workout, params?.workoutid]);
 
@@ -244,8 +246,8 @@ export default function TrackWorkout({ params, template } : { params?: { workout
                             </table>
                             <div className="text-xs mt-4 mb-2 py-3 px-2 rounded-md bg-white/20 block text-center" onClick={(e) => addSet(indexExercise)}>Adicionar set</div>
                             <div className="flex justify-between gap-2 text-center">
-                                <div className="flex-1 text-xs py-3 px-2 rounded-md bg-white/20" onClick={(e) => { getPreviousStats(workout.user, exercise.id, 'previousSets') }}>Estatísticas anteriores</div>
-                                <div className="flex-1 text-xs py-3 px-2 rounded-md bg-white/20" onClick={(e) => { getPreviousStats(workout.user, exercise.id, '1RM') }}>One Rep Max</div>
+                                <div className="flex-1 text-xs py-3 px-2 rounded-md bg-white/20" onClick={(e) => { getPreviousStats(user.sub, exercise.id, 'previousSets') }}>Estatísticas anteriores</div>
+                                <div className="flex-1 text-xs py-3 px-2 rounded-md bg-white/20" onClick={(e) => { getPreviousStats(user.sub, exercise.id, '1RM') }}>One Rep Max</div>
                             </div>
                         </div>
                     )

src/components/StartWorkout.tsx

@@ -2,8 +2,12 @@
 
 import { useState, useEffect } from "react";
 import MenuLink from "./MenuLink";
+import { UserToken } from "@/lib/interface";
+import { jwtDecode } from "jwt-decode";
 
 export default function StartWorkout() {
+    const token = document.cookie.split("; ").find((row) => row.startsWith("token="))?.split("=")[1];
+    const user: UserToken = jwtDecode(token!);
 
     const[draftLink, setDraftLink] = useState(false);
 
@@ -12,12 +16,12 @@ export default function StartWorkout() {
             const workoutStorage = localStorage.getItem('workoutDraft');
             if(workoutStorage){
                 const draft = JSON.parse(workoutStorage);
-                if(draft.exercises.length > 0) {
+                if(draft.exercises.length > 0 && draft.user == user.sub) {
                     setDraftLink(true);
                 }
             }    
         }
-    }, [])
+    }, [user.sub])
 
     if(draftLink) { return <MenuLink link="/dashboard/workout/new/track" title="Continuar treino" subtitle="Continue o registro de onde parou" /> }