update

Author: bichikim

apps/bplan-client/src/App.tsx

@@ -23,7 +23,7 @@ export default function App() {
         <FileRoutes />
       </Router>
       <Show when={isClient()}>
-        <ReloadPrompt />
+        <ReloadPrompt class="fixed top-1 right-1 p-2 bg-white rd-1" />
       </Show>
     </>
   )

apps/bplan-client/src/ReloadPrompt.tsx

@@ -1,5 +1,6 @@
 import {useRegisterSW} from 'virtual:pwa-register/solid'
-import {JSX, Show} from 'solid-js'
+import {createSignal, JSX, Show} from 'solid-js'
+import {preventGlobalTouchAttrs} from 'src/components/real-button/use-global-touch'
 
 export interface ReloadPromptProps extends JSX.HTMLAttributes<HTMLDivElement> {
   //
@@ -23,24 +24,29 @@ export const ReloadPrompt = (props: ReloadPromptProps) => {
 
   return (
     <Show when={offlineReady() || needRefresh()}>
-      <div {...props}>
+      <div {...props} {...preventGlobalTouchAttrs()}>
         <Show when={offlineReady()}>
-          <div>
+          <div class="flex flex-col gap-2">
             <span>App ready to work offline</span>
             <button class="" onClick={handleClose}>
               OK
             </button>
           </div>
         </Show>
         <Show when={needRefresh()}>
-          <div>
+          <div class="flex flex-col gap-2">
             <span>App Updated Please Click Reload to use the updated App</span>
-            <button class="" onClick={() => updateServiceWorker(true)}>
-              Reload
-            </button>
-            <button class="" onClick={handleClose}>
-              Skip
-            </button>
+            <div class="flex gap-2">
+              <button
+                class="b-0 cusor-pointer rd-1 px-5 py-1"
+                onClick={() => updateServiceWorker(true)}
+              >
+                Reload
+              </button>
+              <button class="b-0 cusor-pointer rd-1 px-2 py-1" onClick={handleClose}>
+                Skip
+              </button>
+            </div>
           </div>
         </Show>
       </div>

apps/bplan-client/src/components/midi-player/SPlayer.tsx

@@ -42,7 +42,6 @@ export const SPlayer = (props: SPlayerProps) => {
     'initMusics',
     'onMusicsChange',
   ])
-  // eslint-disable-next-line solid/reactivity
   const [playList, setPlayList] = createSignal<MusicInfo[]>(innerProps.initMusics ?? [])
   const [selectedId, setSelectedId] = createSignal<string>('')
   const [repeat, setRepeat] = createSignal<RepeatType>('no')