feat

src/components/OfflineSummary.vue

@@ -53,7 +53,7 @@ import { computed } from 'vue'
 const gameStore = useGameStore()
 
 const offlineTime = computed(() => {
-  return Date.now() - gameStore.lastSavedTime
+  return Date.now() - gameStore.previousSaveTime
 })
 
 function closeOfflineSummary() {

src/stores/gameStore.ts

@@ -35,6 +35,7 @@ export const useGameStore = defineStore('gameStore', {
     loaded: false,
     loggedIn: false,
     lastSavedTime: Date.now(),
+    previousSaveTime: Date.now(), // Add this new property
 
     deltaMultiplier: 1,
 
@@ -216,7 +217,7 @@ export const useGameStore = defineStore('gameStore', {
           const resourceStore = useResourcesStore()
           const trainingStore = useTrainingStore()
           const currentTime = Date.now()
-          let timeElapsed = (currentTime - this.lastSavedTime) / 1000 // Total offline time in seconds
+          let timeElapsed = (currentTime - this.previousSaveTime) / 1000 // Use previousSaveTime here
 
           // Define the offline cap (24 hours = 86400 seconds)
           const OFFLINE_CAP = 86400
@@ -260,6 +261,7 @@ export const useGameStore = defineStore('gameStore', {
                 this.offlineGains.xp[skill] = trainingStore.training[skill].xp - initialTraining[skill].xp
               })
 
+              this.previousSaveTime = this.lastSavedTime // Update previousSaveTime
               this.lastSavedTime = currentTime
               this.progress = 100
               console.log('Offline progress simulation complete.')
@@ -612,6 +614,7 @@ export const useGameStore = defineStore('gameStore', {
           this.showSaveToast()
         }
 
+        this.previousSaveTime = this.lastSavedTime // Store the previous save time
         this.lastSavedTime = Date.now()
       } catch (error: FirestoreError | any) {
         toast.error('Failed to save game state', {
@@ -717,13 +720,13 @@ export const useGameStore = defineStore('gameStore', {
             position: 'top-left',
           })
         }
+
+        this.saveGameState({
+          force: true,
+        })
       } catch (error) {
         console.error('Error loading game state from Firestore:', error)
       }
-
-      this.saveGameState({
-        force: true,
-      })
     },
 
     async loadStateFromFirebase(savedState) {
@@ -734,7 +737,8 @@ export const useGameStore = defineStore('gameStore', {
       const evolveStore = useEvolveStore()
       evolveStore.loadEvolveState(savedState)
 
-      this.lastSavedTime = savedState.lastSavedTime ?? this.lastSavedTime
+      this.previousSaveTime = savedState.lastSavedTime ?? this.previousSaveTime
+      this.lastSavedTime = Date.now() // Set lastSavedTime to current time on load
 
       const adventureStore = useAdventureStore()
       await adventureStore.loadAdventureState(savedState)

src/views/HomePage.vue

@@ -6,6 +6,7 @@
       'dark': settingsStore.darkMode,
     }"
   >
+    <OfflineSummary />
     <AntSimulation
       v-if="gameStore.loaded && settingsStore.showBackground"
       :show-animation="settingsStore.showAnimation"
@@ -342,6 +343,7 @@ import {toast} from 'vue3-toastify'
 import BossPage from '@/views/BossPage.vue'
 import AntTraining from '@/views/AntTraining.vue'
 import {storeToRefs} from 'pinia'
+import OfflineSummary from '@/components/OfflineSummary.vue'
 
 const deferredPrompt = ref(null)
 const gameStore = useGameStore()

src/views/InventoryPage.vue

@@ -163,10 +163,12 @@ const useItem = (itemId: string, amount = 1) => {
   if (useInventoryStore().useItem(itemId, amount)) {
     toast.success('Item used successfully', {
       position: 'top-left',
+      toastId: 'use-item-toast',
     })
   } else {
     toast.error('Failed to use item', {
       position: 'top-left',
+      toastId: 'use-item-toast',
     })
   }