refactor: don't render unneeded elements on raw info page

This commit is contained in:
Sped0n
2024-02-22 01:48:48 +08:00
parent 1a02360214
commit ecdaebb6cd
2 changed files with 44 additions and 40 deletions

View File

@@ -55,34 +55,36 @@ export default function Desktop(props: {
return ( return (
<> <>
<Nav /> <Nav />
<Stage <Show when={props.ijs.length > 0}>
ijs={props.ijs} <Stage
setIsLoading={setIsLoading} ijs={props.ijs}
isOpen={isOpen} setIsLoading={setIsLoading}
setIsOpen={setIsOpen}
isAnimating={isAnimating}
setIsAnimating={setIsAnimating}
cordHist={cordHist}
setCordHist={setCordHist}
navVector={navVector}
setNavVector={setNavVector}
/>
<Show when={isOpen()}>
<CustomCursor cursorText={cursorText} active={active} isOpen={isOpen} />
<StageNav
prevText={props.prevText}
closeText={props.closeText}
nextText={props.nextText}
loadingText={props.loadingText}
active={active}
isAnimating={isAnimating}
setCordHist={setCordHist}
isOpen={isOpen} isOpen={isOpen}
setIsOpen={setIsOpen} setIsOpen={setIsOpen}
setHoverText={setHoverText} isAnimating={isAnimating}
setIsAnimating={setIsAnimating}
cordHist={cordHist}
setCordHist={setCordHist}
navVector={navVector} navVector={navVector}
setNavVector={setNavVector} setNavVector={setNavVector}
/> />
<Show when={isOpen()}>
<CustomCursor cursorText={cursorText} active={active} isOpen={isOpen} />
<StageNav
prevText={props.prevText}
closeText={props.closeText}
nextText={props.nextText}
loadingText={props.loadingText}
active={active}
isAnimating={isAnimating}
setCordHist={setCordHist}
isOpen={isOpen}
setIsOpen={setIsOpen}
setHoverText={setHoverText}
navVector={navVector}
setNavVector={setNavVector}
/>
</Show>
</Show> </Show>
</> </>
) )

View File

@@ -1,4 +1,4 @@
import { createSignal, type JSX, type Setter } from 'solid-js' import { Show, createSignal, type JSX, type Setter } from 'solid-js'
import type { ImageJSON } from '../resources' import type { ImageJSON } from '../resources'
@@ -29,22 +29,24 @@ export default function Mobile(props: {
return ( return (
<> <>
<Collection <Show when={props.ijs.length > 0}>
ijs={props.ijs} <Collection
isAnimating={isAnimating} ijs={props.ijs}
isOpen={isOpen} isAnimating={isAnimating}
setIsOpen={setIsOpen} isOpen={isOpen}
/> setIsOpen={setIsOpen}
<Gallery />
ijs={props.ijs} <Gallery
closeText={props.closeText} ijs={props.ijs}
loadingText={props.loadingText} closeText={props.closeText}
isAnimating={isAnimating} loadingText={props.loadingText}
setIsAnimating={setIsAnimating} isAnimating={isAnimating}
isOpen={isOpen} setIsAnimating={setIsAnimating}
setIsOpen={setIsOpen} isOpen={isOpen}
setScrollable={props.setScrollable} setIsOpen={setIsOpen}
/> setScrollable={props.setScrollable}
/>
</Show>
</> </>
) )
} }