From 3dbcf7fb9995708bf02fb6f6046639a6ab8fe468 Mon Sep 17 00:00:00 2001 From: Liam Arbuckle Date: Mon, 19 Feb 2024 22:44:01 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=B3=F0=9F=8D=AD=20=E2=86=9D=20We=20had?= =?UTF-8?q?=20to=20eat=20each=20other=20to=20survive!=20[=20SGV2-6=20]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- @/components/garden-dashboard.tsx | 19 + components/Content/Planets/GalleryList.tsx | 39 +- components/Overlays/1-Feed.tsx | 6 +- pages/index.tsx | 419 ++++++++++----------- 4 files changed, 258 insertions(+), 225 deletions(-) diff --git a/@/components/garden-dashboard.tsx b/@/components/garden-dashboard.tsx index 912fc0b9..fca98f02 100644 --- a/@/components/garden-dashboard.tsx +++ b/@/components/garden-dashboard.tsx @@ -1,8 +1,15 @@ import Link from "next/link" import { Button } from "./ui/button" import { DashboardLogs, InventoryBlock } from "../../components/dashboard-logs"; +import { useState } from "react"; +import { Garden } from "../../components/Content/Planets/GalleryList"; export function GardenDashboard() { + const [showGalaxy, setShowGalaxy] = useState(false); + const handleOpenGalaxy = () => { + setShowGalaxy(true); + }; + return (
@@ -14,6 +21,18 @@ export function GardenDashboard() { {/* */} {/* */} + +
+ {showGalaxy && + <> +
+ setShowGalaxy(false)} /> +
+ + } +
); diff --git a/components/Content/Planets/GalleryList.tsx b/components/Content/Planets/GalleryList.tsx index cc5cf633..65f785cd 100644 --- a/components/Content/Planets/GalleryList.tsx +++ b/components/Content/Planets/GalleryList.tsx @@ -143,14 +143,47 @@ const PlanetGalleryWithSectors: React.FC = () => { if (!session) { return ; - } + }; if (loading) { return
Loading...
; - } + }; + + const hexagonStyle = { + width: '100px', + height: '115px', // Adjust this value to control the height of the hexagon + borderBottom: 'solid 2px white', + borderTop: 'solid 2px white', + position: 'relative', + cursor: 'pointer', + }; + + const hexagonBeforeStyle = { + content: '""', + position: 'absolute', + top: '-1px', + left: 0, + width: 0, + height: 0, + borderLeft: '50px solid transparent', + borderRight: '50px solid transparent', + borderBottom: 'solid 86.6px white', // Adjust this value to control the shape of the hexagon + }; + + const hexagonAfterStyle = { + content: '""', + position: 'absolute', + bottom: '-1px', + left: 0, + width: 0, + height: 0, + borderLeft: '50px solid transparent', + borderRight: '50px solid transparent', + borderTop: 'solid 86.6px white', // Adjust this value to control the shape of the hexagon + }; return ( -
+
{planets.map((planet) => ( diff --git a/components/Overlays/1-Feed.tsx b/components/Overlays/1-Feed.tsx index a571b5a6..1570111d 100644 --- a/components/Overlays/1-Feed.tsx +++ b/components/Overlays/1-Feed.tsx @@ -24,13 +24,13 @@ const FeedOverlay: React.FC = ({ onClose }) => {

Feed Overlay

- - +
diff --git a/pages/index.tsx b/pages/index.tsx index b31f87c7..f4c976af 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -7,25 +7,36 @@ import { Metadata } from "next"; // Imports for new landing (public-facing) import { Dialog } from "@headlessui/react"; -import { AiFillCloseCircle } from 'react-icons/ai'; -import { HiBars3 } from 'react-icons/hi2'; -import { footerNavigation, modules, navigation } from "../components/Public/LandingContent"; -import Navigation, { UserDropdownMenu, UserMenuItems } from "../components/Section/Navbar"; +import { AiFillCloseCircle } from "react-icons/ai"; +import { HiBars3 } from "react-icons/hi2"; +import { + footerNavigation, + modules, + navigation, +} from "../components/Public/LandingContent"; +import Navigation, { + UserDropdownMenu, + UserMenuItems, +} from "../components/Section/Navbar"; import { GardenDashboard } from "../@/components/garden-dashboard"; import FeedOverlay from "../components/Overlays/1-Feed"; import Link from "next/link"; -import { Garden } from "../components/Content/Planets/GalleryList"; +import { AppWindowIcon, MenuIcon } from "lucide-react"; export const metadata: Metadata = { - title: "Star Sailors" -} + title: "Star Sailors", +}; -export function PublicLanding () { +export function PublicLanding() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const NavLogo = () => ( - Star Sailors + Star Sailors ); - + const session = useSession(); // Component context @@ -33,18 +44,14 @@ export function PublicLanding () { const handleOpenFeedOverlay = () => { setShowFeedOverlay(true); }; - const [showGalaxy, setShowGalaxy] = useState(false); - const handleOpenGalaxy = () => { - setShowGalaxy(true); - }; if (session) { return ( -
- -
- - - - - - - - - - - -
-
- {showFeedOverlay && - <> -
- setShowFeedOverlay(false)} /> -
- - } + + + + Menu + + +
- {showGalaxy && - <> -
- setShowFeedOverlay(false)} /> -
- - } + {showFeedOverlay && ( + <> +
+ setShowFeedOverlay(false)} /> +
+ + )}
-
); }; return (
-
+
-
-
+
{/* Hero section */} -
+