File tree Expand file tree Collapse file tree 2 files changed +24
-9
lines changed Expand file tree Collapse file tree 2 files changed +24
-9
lines changed Original file line number Diff line number Diff line change 1010
1111 let mounted = $state (false );
1212
13+ let temporaryMessage = $state (' ' );
14+
1315 onMount (() => {
1416 mounted = true ;
17+ if (sessionStorage && sessionStorage .getItem (' temporary-message' )) {
18+ temporaryMessage = sessionStorage .getItem (' temporary-message' ) || ' ' ;
19+ sessionStorage .removeItem (' temporary-message' );
20+ }
1521 });
1622 </script >
1723
1824<div class =" container mt-3" >
25+ {#if temporaryMessage }
26+ <div class =" alert alert-info" >
27+ {temporaryMessage }
28+ </div >
29+ {/if }
30+
1931 <img alt ="Fractal logo" src ={logoMedium } class =" float-end" id =" fractal-logo-home" />
2032
2133 <h1 class =" fw-light" >Welcome to Fractal web client.</h1 >
Original file line number Diff line number Diff line change 11<script >
2+ import { goto } from ' $app/navigation' ;
23 import { page } from ' $app/state' ;
4+ import { onMount } from ' svelte' ;
35 const message = $derived (page .data .message );
6+
7+ onMount (async () => {
8+ if (message) {
9+ if (sessionStorage) {
10+ sessionStorage .setItem (' temporary-message' , message);
11+ }
12+ await goto (' /' );
13+ }
14+ });
415 </script >
516
6- <div class =" container mt-4" >
7- {#if message }
8- <div class =" alert alert-info" >
9- {message }
10- </div >
11- {:else }
12- Loading...
13- {/if }
14- </div >
17+ <div class =" container mt-5" >Loading...</div >
You can’t perform that action at this time.
0 commit comments