hidefooter for landinglayout

kerberos-io · Oct 25, 2023 · 2fc889f · 2fc889f
1 parent 3ad3518
commit 2fc889f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kerberos-io/ui",
-  "version": "1.76.0",
+  "version": "1.77.0",
   "main": "lib/index.js",
   "repository": "https://github.com/kerberos-io/ui",
   "author": "Kerberos.io <[email protected]>",

diff --git a/src/components/LandingLayout/LandingLayout.stories.tsx b/src/components/LandingLayout/LandingLayout.stories.tsx
@@ -22,3 +22,11 @@ export const WithSignupCard = () =><LandingLayout title="Kerberos Hub" version="
                                             </div>
                                         </LandingLayout>
 
+
+
+export const WithSignupCardWithoutFooter = () =><LandingLayout title="Kerberos Hub" version="v3.0" description="Control panel and management for all Kerberos services" hideFooter={true}>
+                                            <div style={{display:"flex",justifyContent:"center",marginBottom:"120px"}}>
+                                            <SignupCard/>
+                                            </div>
+                                        </LandingLayout>
+
diff --git a/src/components/LandingLayout/LandingLayout.tsx b/src/components/LandingLayout/LandingLayout.tsx
@@ -89,13 +89,16 @@ export interface LandingLayoutProps{
     children:any,
     title?:string,
     version?:string,
-    description?:string
+    description?:string,
+    hideFooter?:boolean
 }
 const LandingLayout = ({
     children,
     title,
     version,
-    description}:LandingLayoutProps) =>
+    description,
+    hideFooter
+    }:LandingLayoutProps) =>
     <div id="landing-layout">
         <Gradient/>
 
@@ -105,7 +108,7 @@ const LandingLayout = ({
         </header>
 
        {children}
-        <Footer>
+        { !hideFooter && <Footer>
             <FooterCopyright {...Copyright} />
             <FooterList
                 title="Products"
@@ -119,6 +122,6 @@ const LandingLayout = ({
                 title="Company"
                 items={Column4}
             />
-        </Footer>
+        </Footer> }
     </div>
 export default LandingLayout