diff --git a/src/pages/home/folder/Folder.tsx b/src/pages/home/folder/Folder.tsx
index e4ac3173c..6236ec6d0 100644
--- a/src/pages/home/folder/Folder.tsx
+++ b/src/pages/home/folder/Folder.tsx
@@ -33,7 +33,7 @@ const ImageLayout = lazy(() => import("./Images"))
const Folder = () => {
const { rawLink } = useLink()
const images = createMemo(() =>
- objStore.objs.filter((obj) => obj.type === ObjType.IMAGE)
+ objStore.objs.filter((obj) => obj.type === ObjType.IMAGE),
)
let dynamicGallery: LightGallery | undefined
@@ -56,7 +56,7 @@ const Folder = () => {
on(images, () => {
dynamicGallery?.destroy()
dynamicGallery = undefined
- })
+ }),
)
bus.on("gallery", (name) => {
if (!dynamicGallery) {
@@ -79,12 +79,7 @@ const Folder = () => {
- 0}
- fallback={{t("home.no_images")}}
- >
-
-
+
diff --git a/src/pages/home/folder/Images.tsx b/src/pages/home/folder/Images.tsx
index 533e4a239..ad4a7d3d6 100644
--- a/src/pages/home/folder/Images.tsx
+++ b/src/pages/home/folder/Images.tsx
@@ -1,10 +1,13 @@
-import { Flex, Grid, VStack } from "@hope-ui/solid"
+import { Flex, Grid, Heading, VStack } from "@hope-ui/solid"
import { For, Show, createMemo } from "solid-js"
import { ImageItem } from "./ImageItem"
import { local, objStore } from "~/store"
import { GridItem } from "./GridItem"
+import { StoreObj } from "~/types"
+import { useT } from "~/hooks"
-const ImageLayout = () => {
+const ImageLayout = (props: { images: StoreObj[] }) => {
+ const t = useT()
const folders = createMemo(() => (
{
{folders()}
-
-
- {(obj, i) => {
- return
- }}
-
-
+ 0}
+ fallback={{t("home.no_images")}}
+ >
+
+
+ {(obj, i) => {
+ return
+ }}
+
+
+
{folders()}