fix: fix messaging app landing page in 'ic_panda_front'

Author: zensh

proposals/proposal-192.sh

@@ -0,0 +1,25 @@
+#!/usr/bin/env bash
+
+# Load the environment variables
+source "$(pwd)"/proposals/env.sh
+
+# build and get batch_id, evidence:
+# dfx deploy ic_panda_frontend --ic --by-proposal
+
+export BLOB="$(didc encode --format blob '(record {batch_id=61:nat; evidence=blob "\ed\2a\85\42\62\c6\2d\46\34\96\24\f1\80\f9\a4\04\dd\20\3c\dd\a1\de\f5\9f\8a\ea\cb\b7\6d\db\82\53"})')"
+
+quill sns make-proposal --canister-ids-file ./sns_canister_ids.json --pem-file $PROPOSAL_PEM_FILE $PROPOSAL_NEURON_ID --proposal "(
+    record {
+        title = \"Execute commit_proposed_batch() to release ic_panda_frontend v2.6.3\";
+        url = \"https://panda.fans/\";
+        summary = \"This proposal executes commit_proposed_batch() on c63a7-6yaaa-aaaap-ab3gq-cai to release ic_panda_frontend v2.6.3.\n\n1. fix: fix messaging app landing page in 'ic_panda_front'.\";
+        action = opt variant {
+            ExecuteGenericNervousSystemFunction = record {
+                function_id = 1000 : nat64;
+                payload = ${BLOB};
+            }
+        };
+    }
+)" > proposal-message.json
+
+quill send proposal-message.json

src/ic_panda_frontend/package.json

@@ -80,5 +80,5 @@
     "test": "vitest run"
   },
   "type": "module",
-  "version": "2.6.2"
+  "version": "2.6.3"
 }

src/ic_panda_frontend/src/lib/components/messages/Home.svelte

@@ -1,15 +1,13 @@
 <script lang="ts">
   import { type UserInfo } from '$lib/canisters/message'
   import PageFooter from '$lib/components/core/PageFooter.svelte'
-  import { type MyMessageState } from '$lib/stores/message'
+  import { MyMessageState } from '$lib/stores/message'
   import { toastRun } from '$lib/stores/toast'
   import { Avatar, getToastStore } from '@skeletonlabs/skeleton'
   import Saos from 'saos'
   import { onMount, tick } from 'svelte'
   import { writable, type Writable } from 'svelte/store'
 
-  export let myState: MyMessageState
-
   const toastStore = getToastStore()
   const latest_users: Writable<UserInfo[]> = writable([])
 
@@ -20,6 +18,7 @@
 
   onMount(() => {
     const { abort } = toastRun(async () => {
+      const myState = await MyMessageState.load()
       users_total = myState.api.state?.users_total || 0n
       names_total = myState.api.state?.names_total || 0n
       await tick()

src/ic_panda_frontend/src/lib/components/messages/Index.svelte

@@ -1,4 +1,4 @@
-<div class="m-auto text-primary-500">
+<div class="m-auto h-fit w-fit text-primary-500">
   <svg
     class="h-5 w-5 animate-spin"
     xmlns="http://www.w3.org/2000/svg"

src/ic_panda_frontend/src/lib/components/ui/Loading.svelte

@@ -1,6 +1,6 @@
 const src = globalThis.location?.href || ''
 
-export const APP_VERSION = '2.6.2'
+export const APP_VERSION = '2.6.3'
 export const IS_LOCAL = src.includes('localhost') || src.includes('127.0.0.1')
 export const ENV = IS_LOCAL ? 'local' : 'ic'
 export const APP_ORIGIN = IS_LOCAL

src/ic_panda_frontend/src/lib/constants.ts

@@ -1,13 +1,11 @@
 <script lang="ts">
-  import { goto } from '$app/navigation'
   import { page } from '$app/stores'
   import Loading from '$lib/components/ui/Loading.svelte'
-  import { onMount } from 'svelte'
 
-  $: username = ($page?.params || {})['username'] || ''
-  onMount(async () => {
-    goto(`https://dmsg.net/${username}`)
-  })
+  const username = ($page?.params || {})['username'] || ''
+  window.location.assign(`https://dmsg.net/${username}`)
 </script>
 
-<Loading />
+<div class="flex h-full w-full flex-col items-center justify-center">
+  <Loading />
+</div>

src/ic_panda_frontend/src/routes/(app)/[username]/+page.svelte

@@ -1,14 +1,9 @@
 <script lang="ts">
-  import Index from '$lib/components/messages/Index.svelte'
-  import { authStore } from '$lib/stores/auth'
-
-  $: principal = $authStore.identity.getPrincipal()
+  import Home from '$lib/components/messages/Home.svelte'
 </script>
 
 <div
   class="mx-auto flex h-full w-full max-w-5xl flex-col flex-nowrap content-center items-center"
 >
-  {#key principal.toText()}
-    <Index />
-  {/key}
+  <Home />
 </div>