fix: animation bug fix

README.md

@@ -120,6 +120,7 @@ npm run dev
 ## Known Issues
 
 - **Globe animation** — The D3 globe rotation animation during journey replay can be a little bit laggy.
+- **Switching between animations** - after switching from map to globe animation, the old animation might be still visible for a moment. Restatarting the animation fixes the issue.
 
 ---
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "map-journal",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "map-journal",
-      "version": "0.0.0",
+      "version": "1.0.0",
       "dependencies": {
         "d3": "^7.9.0",
         "firebase": "^12.14.0",

src/lib/world-map/JourneyView.svelte

@@ -5,11 +5,13 @@
   import worldData from 'world-atlas/countries-50m.json';
   import { get } from 'svelte/store';
   import { journals } from '../stores/entriesStore.svelte.js';
+  import { getUserProfile } from '../auth/userStore.svelte.js';
+  import { nameToId } from '../shared/countries.js';
   import airplaneImg from '../../assets/airplane-animation.png';
 
   let { onclose, onprogress, mode = 'map', onmodechange } = $props();
 
-  const HOME_CODE = '203';
+  const HOME_CODE = $derived(nameToId[getUserProfile()?.homeCountry] ?? null);
 
   const PLANE_SIZE = 26;