Merge branch 'test' of https://github.com/SweetmanTech/HENO._CUSTOM_W…

…EBSITE into tech322/bonasi-mint

src/components/Pages/BonasiContent/BonasiContent.tsx → src/components/Pages/BonsaiContent/BonsaiContent.tsx

@@ -1,9 +1,9 @@
 import getIpfsLink from "@/lib/getIpfsLink"
-import { BONASI } from "@/lib/consts"
+import { BONSAI } from "@/lib/consts"
 import RecBar from "../../RecBar"
 import useIsMobile from "../../../hooks/useIsMobile"
 
-const BonasiContent = () => {
+const BonsaiContent = () => {
   const isMobile = useIsMobile()
 
   return (
@@ -20,7 +20,7 @@ const BonasiContent = () => {
         >
           {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
           <video
-            src={getIpfsLink(BONASI)}
+            src={getIpfsLink(BONSAI)}
             width={isMobile ? 180 : 200}
             height={isMobile ? 125 : 230}
             controls
@@ -33,4 +33,4 @@ const BonasiContent = () => {
   )
 }
 
-export default BonasiContent
+export default BonsaiContent

src/components/Pages/BonsaiContent/index.tsx

@@ -0,0 +1,3 @@
+import BonsaiContent from "./BonsaiContent"
+
+export default BonsaiContent

src/components/Pages/LandingPage/LandingPage.tsx

@@ -8,13 +8,13 @@ import { SCREENS } from "@/lib/screens"
 import { usePopupWidget } from "@/providers/PopupWidgetProvider"
 import LandingCard from "../../LandingCard"
 import Layout from "../../Layout"
-import BonasiContent from "../BonasiContent/BonasiContent"
+import BonsaiContent from "../BonsaiContent"
 
 const LandingPage = () => {
   const { openPopUp } = usePopupWidget() as any
   const { entered } = usePageLoad()
   const isMobile = useIsMobile()
-  const [isBonasiOpen, setIsBonasiOpen] = useState<any>(true)
+  const [isBonsaiOpen, setIsBonsaiOpen] = useState<any>(true)
 
   return (
     <Layout type={isMobile ? "mobile" : "base"}>
@@ -59,13 +59,13 @@ const LandingPage = () => {
           Play Relief
         </a>
       )}
-      {isBonasiOpen && (
+      {isBonsaiOpen && (
         <DraggableModal
           href="/"
-          handleClose={() => setIsBonasiOpen(!isBonasiOpen)}
-          isVisible={isBonasiOpen}
+          handleClose={() => setIsBonsaiOpen(!isBonsaiOpen)}
+          isVisible={isBonsaiOpen}
         >
-          <BonasiContent />
+          <BonsaiContent />
         </DraggableModal>
       )}
     </Layout>

src/components/Pages/Web3Page/BonasiSection.tsx → src/components/Pages/Web3Page/BonsaiSection.tsx

@@ -5,7 +5,7 @@ import data from "@/lib/zora-drops"
 import { Address } from "viem"
 import { base, baseSepolia } from "viem/chains"
 
-const BonasiSection = ({ isPopup }) => (
+const BonsaiSection = ({ isPopup }) => (
   <DropCollect
     title={data[12].title}
     artist={data[12].artist}
@@ -20,4 +20,4 @@ const BonasiSection = ({ isPopup }) => (
   </DropCollect>
 )
 
-export default BonasiSection
+export default BonsaiSection

src/components/Pages/Web3Page/Trailer.tsx

@@ -1,5 +1,5 @@
 import ArcadeSection from "./ArcadeSection"
-import BonasiSection from "./BonasiSection"
+import BonsaiSection from "./BonsaiSection"
 import DropSection from "./DropSection"
 import HydroplaningSection from "./HydroplaningSection"
 import NeyborsSection from "./NeyborsSection"
@@ -9,7 +9,7 @@ const Trailer = ({ isPopup = false }) => (
   <div className="h-full overflow-y-auto w-full">
     <div className={`flex flex-col items-center gap-y-[10px] ${!isPopup && "md:gap-y-[20px]"}`}>
       <div className="flex flex-col gap-y-[10px] h-full overflow-y-auto pr-2">
-        <BonasiSection isPopup={isPopup} />
+        <BonsaiSection isPopup={isPopup} />
         <HydroplaningSection isPopup={isPopup} />
         <TopArbitrumSection isPopup={isPopup} />
         <DropSection isPopup={isPopup} />

src/lib/consts.tsx

@@ -63,7 +63,7 @@ export const ONE_MILLISEOND = 1000
 
 export const SYSTEM_COMMERCIAL =
   "ipfs://Qmccf1fZeNZc9nWwvq3a5aiQr3bCr5VNCi3PaUbhrUnpRJ/SYSTEM%20COMMERCIAL.mp4"
-export const BONASI = "ipfs://QmeiQuQSv8HWsAmZxzX666V26KbknVi82qQMq5sibGhSHr"
+export const BONSAI = "ipfs://QmeiQuQSv8HWsAmZxzX666V26KbknVi82qQMq5sibGhSHr"
 export const COLLECTIONS = [
   {
     collectionAddress: ZORA_DROP_ADDRESS,

src/lib/zora-drops.ts

@@ -75,7 +75,7 @@ const data = [
     ipfs: "https://ipfs.decentralized-content.com/ipfs/QmeiQuQSv8HWsAmZxzX666V26KbknVi82qQMq5sibGhSHr",
     artist: "heno",
     title: "Heno., Mad Keys - Lemons Made Better (Snippet)",
-    startedAt: "",
+    startedAt: "October 09, 2024",
   },
 ]
 export default data