diff --git a/frontend/src/components/app-wrapper/index.tsx b/frontend/src/components/app-wrapper/index.tsx index bca6dde..b2b975d 100644 --- a/frontend/src/components/app-wrapper/index.tsx +++ b/frontend/src/components/app-wrapper/index.tsx @@ -3,7 +3,7 @@ import { Component, ParentProps } from "solid-js"; export const AppWrapper: Component = (props) => { return (
-
+
{props.children}
diff --git a/frontend/src/components/app-wrapper/with-topbar-and-dock.tsx b/frontend/src/components/app-wrapper/with-topbar-and-dock.tsx index e1923e5..599934b 100644 --- a/frontend/src/components/app-wrapper/with-topbar-and-dock.tsx +++ b/frontend/src/components/app-wrapper/with-topbar-and-dock.tsx @@ -5,9 +5,13 @@ import { Dock } from "./dock"; export const WithTopbarAndDock: Component = (props) => { return ( <> - - {props.children} - +
+ +
+
{props.children}
+
+ +
); }; diff --git a/frontend/src/pages/front/Recent.tsx b/frontend/src/pages/front/Recent.tsx index 927349d..cbc1ba9 100644 --- a/frontend/src/pages/front/Recent.tsx +++ b/frontend/src/pages/front/Recent.tsx @@ -2,6 +2,8 @@ import { Component, For } from "solid-js"; import { ImageComponent } from "@components/image"; import { useSearchImageContext } from "@contexts/SearchImageContext"; +const NUMBER_OF_MAX_RECENT_IMAGES = 10; + export const Recent: Component = () => { const { userImages } = useSearchImageContext(); @@ -11,7 +13,7 @@ export const Recent: Component = () => { (a, b) => new Date(b.CreatedAt!).getTime() - new Date(a.CreatedAt!).getTime(), ) - .slice(0, 10); + .slice(0, NUMBER_OF_MAX_RECENT_IMAGES); return (