Merge pull request #21 from Stevie-Ray/feature/last-visible-by-document

Feature/last visible by document

.idx/dev.nix

@@ -4,10 +4,6 @@
     pkgs.nodejs_20
     pkgs.playwright-driver.browsers
   ];
-  env = {
-    PLAYWRIGHT_BROWSERS_PATH = "${pkgs.playwright-driver.browsers}";
-    PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS = true;
-  };
   idx.extensions = [
     "Vue.volar"
     "ms-playwright.playwright"

package.json

@@ -35,7 +35,7 @@
     "vue-gtag": "^2.0.1",
     "vue-i18n": "^9.13.1",
     "vue-inline-svg": "^3.1.3",
-    "vue-router": "^4.3.3",
+    "vue-router": "^4.4.0",
     "vuedraggable": "^4.1.0",
     "vuetify": "^3.6.10"
   },
@@ -48,7 +48,7 @@
     "@types/digital-goods-browser": "^2.0.3",
     "@types/google.maps": "^3.55.10",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^20.14.6",
+    "@types/node": "^20.14.7",
     "@types/web-bluetooth": "^0.0.20",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vue/eslint-config-prettier": "^9.0.0",
@@ -68,10 +68,10 @@
     "prettier": "^3.3.2",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.77.6",
-    "typescript": "~5.4.0",
+    "typescript": "~5.5.0",
     "vite": "^5.3.1",
     "vite-plugin-pwa": "^0.20.0",
-    "vite-plugin-vue-devtools": "^7.3.2",
+    "vite-plugin-vue-devtools": "^7.3.3",
     "vite-plugin-vuetify": "^2.0.3",
     "vitest": "^1.6.0",
     "vue-tsc": "^2.0.21"

src/components/molecules/dialog/HangboardAdd/HangboardAdd.vue

@@ -49,11 +49,11 @@ const updateSelected = () => {
   }
 }
 
-const addHangboard = () => {
+const addHangboard = async () => {
   if (user.value) {
     updateSelected()
     updateUser()
-    fetchCommunityWorkouts()
+    await fetchCommunityWorkouts()
   }
   dialog.value = false
 }

src/components/molecules/dialog/WorkoutCommunityFilter/WorkoutCommunityFilter.vue

@@ -7,7 +7,7 @@ import { useI18n } from 'vue-i18n'
 const { workoutsCommunity, workoutsCommunityFilter, workoutsCommunityFilterDirection } =
   storeToRefs(useWorkoutsStore())
 
-const { fetchCommunityWorkouts } = useWorkoutsStore()
+const { fetchCommunityWorkouts, resetCommunityWorkouts } = useWorkoutsStore()
 
 const { t } = useI18n()
 
@@ -21,18 +21,20 @@ const items: { filter: string; value: string }[] = [
   { filter: 'Level', value: 'level' }
 ]
 
-const toggleDirection = () => {
+const toggleDirection = async () => {
   workoutsCommunityFilterDirection.value =
     workoutsCommunityFilterDirection.value === 'asc' ? 'desc' : 'asc'
   workoutsCommunity.value = []
-  fetchCommunityWorkouts()
+  resetCommunityWorkouts()
+  await fetchCommunityWorkouts()
 }
 
 watch(
   workoutsCommunityFilter,
   async (newFilter, oldFilter) => {
     if (newFilter !== oldFilter) {
       workoutsCommunity.value = []
+      resetCommunityWorkouts()
       await fetchCommunityWorkouts()
     }
   },