@xyo-network/react-footer 2.27.18 → 2.27.21

package/src/Xyo/AlwaysLinks.tsx

@@ -0,0 +1,41 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+
+import { copyrightLinkTitle, FooterAlwaysLinks } from '../AlwaysLinks'
+
+export interface XyoFooterAlwaysLinksProps extends FlexBoxProps {
+  onMore?: () => void
+}
+
+export const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps> = (props) => (
+  <FooterAlwaysLinks
+    footerLinks={[
+      {
+        href: 'https://xylabs.com/',
+        title: copyrightLinkTitle('XY Labs, Inc.'),
+      },
+      {
+        href: 'https://xyo.network/',
+        title: 'XYO Foundation',
+      },
+      {
+        href: 'https://xylabs.com/privacy/',
+        title: 'Privacy',
+      },
+      {
+        href: 'https://xylabs.com/terms/',
+        title: 'Terms',
+      },
+      {
+        href: 'https://xylabs.com/jobs',
+        title: 'Careers',
+      },
+    ]}
+    {...props}
+  />
+)
+
+/** @deprecated use FooterAlwaysLinksProps*/
+export type CopyrightProps = XyoFooterAlwaysLinksProps
+
+/** @deprecated use FooterAlwaysLinks*/
+export const Copyright = XyoFooterAlwaysLinks

package/src/{DeveloperLinks.tsx → Xyo/DeveloperLinks.tsx}

@@ -1,9 +1,9 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 
-import { FooterLink } from './Link'
-import { FooterLinks } from './Links'
+import { FooterLink } from '../Link'
+import { FooterLinks } from '../Links'
 
-export const DeveloperLinks: React.FC<FlexBoxProps> = (props) => (
+export const XyoDeveloperLinks: React.FC<FlexBoxProps> = (props) => (
   <FooterLinks title="Developer" {...props}>
     <FooterLink href="https://xyo.network/developer">Overview</FooterLink>
     <FooterLink href="https://xyo.network/developer/get-started">Get Started</FooterLink>

package/src/{Footer.stories.tsx → Xyo/Footer.stories.tsx}

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react'
 import { FlexCol } from '@xylabs/react-flexbox'
 
-import { Footer } from './Footer'
+import { XyoFooter } from './Footer'
 
 const StorybookEntry = {
   argTypes: {},
-  component: Footer,
+  component: XyoFooter,
   parameters: {
     docs: {
       page: null,
     },
   },
   title: 'footer/Footer',
-} as ComponentMeta<typeof Footer>
+} as ComponentMeta<typeof XyoFooter>
 
-const Template: ComponentStory<typeof Footer> = (args) => (
+const Template: ComponentStory<typeof XyoFooter> = (args) => (
   <FlexCol minHeight="80vh" justifyContent="flex-end">
-    <Footer {...args}></Footer>
+    <XyoFooter {...args} />
   </FlexCol>
 )
 

package/src/Xyo/Footer.tsx

@@ -0,0 +1,64 @@
+import { Grid } from '@mui/material'
+
+import { copyrightLinkTitle } from '../AlwaysLinks'
+import { Footer, FooterProps } from '../Footer'
+import { XyoDeveloperLinks } from './DeveloperLinks'
+import { XyoMoreLinks } from './MoreLinks'
+import { XyoNetworkLinks } from './NetworkLinks'
+import { XyoSocialLinks } from './SocialLinks'
+import { XyoSupportLinks } from './SupportLinks'
+import { XyoTokenLinks } from './TokenLinks'
+
+const footerLinks = [
+  {
+    href: 'https://xylabs.com/',
+    title: copyrightLinkTitle('XY Labs, Inc.'),
+  },
+  {
+    href: 'https://xyo.network/',
+    title: 'XYO Foundation',
+  },
+  {
+    href: 'https://xylabs.com/privacy/',
+    title: 'Privacy',
+  },
+  {
+    href: 'https://xylabs.com/terms/',
+    title: 'Terms',
+  },
+  {
+    href: 'https://xylabs.com/jobs',
+    title: 'Careers',
+  },
+]
+
+export const XyoFooter: React.FC<FooterProps> = ({
+  alwaysFooterLinksProps = { footerLinks },
+
+  ...props
+}) => {
+  return (
+    <Footer alwaysFooterLinksProps={alwaysFooterLinksProps} {...props}>
+      <Grid container>
+        <Grid item xs={12} md={2}>
+          <XyoSocialLinks alignItems="flex-start" />
+        </Grid>
+        <Grid item xs={6} md={2}>
+          <XyoNetworkLinks alignItems="flex-start" />
+        </Grid>
+        <Grid item xs={6} md={2}>
+          <XyoTokenLinks alignItems="flex-start" />
+        </Grid>
+        <Grid item xs={6} md={2}>
+          <XyoDeveloperLinks alignItems="flex-start" />
+        </Grid>
+        <Grid item xs={6} md={2}>
+          <XyoMoreLinks alignItems="flex-start" />
+        </Grid>
+        <Grid item xs={6} md={2}>
+          <XyoSupportLinks alignItems="flex-start" />
+        </Grid>
+      </Grid>
+    </Footer>
+  )
+}

package/src/{MoreLinks.tsx → Xyo/MoreLinks.tsx}

@@ -1,9 +1,9 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 
-import { FooterLink } from './Link'
-import { FooterLinks } from './Links'
+import { FooterLink } from '../Link'
+import { FooterLinks } from '../Links'
 
-export const MoreLinks: React.FC<FlexBoxProps> = (props) => (
+export const XyoMoreLinks: React.FC<FlexBoxProps> = (props) => (
   <FooterLinks title="More" {...props}>
     <FooterLink href="https://xyo.network/partners">Partners</FooterLink>
     <FooterLink href="https://xyo.network/fhr">FHR</FooterLink>

package/src/{NetworkLinks.tsx → Xyo/NetworkLinks.tsx}

@@ -1,9 +1,9 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 
-import { FooterLink } from './Link'
-import { FooterLinks } from './Links'
+import { FooterLink } from '../Link'
+import { FooterLinks } from '../Links'
 
-export const NetworkLinks: React.FC<FlexBoxProps> = (props) => (
+export const XyoNetworkLinks: React.FC<FlexBoxProps> = (props) => (
   <FooterLinks title="Network" {...props}>
     <FooterLink href="https://xyo.network/network">Overview</FooterLink>
     <FooterLink href="https://xyo.network/network/bound-witness">Bound Witness</FooterLink>

package/src/{SocialLinks.tsx → Xyo/SocialLinks.tsx}

@@ -2,10 +2,10 @@ import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } fro
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 import { FaDiscord } from 'react-icons/fa'
 
-import { FooterLink } from './Link'
-import { FooterLinks } from './Links'
+import { FooterLink } from '../Link'
+import { FooterLinks } from '../Links'
 
-export const SocialLinks: React.FC<FlexBoxProps> = (props) => {
+export const XyoSocialLinks: React.FC<FlexBoxProps> = (props) => {
   return (
     <FooterLinks title="XYO Socials" {...props}>
       <FlexRow flexWrap="wrap" justifyContent="flex-start">

package/src/{SupportLinks.tsx → Xyo/SupportLinks.tsx}

@@ -1,9 +1,9 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 
-import { FooterLink } from './Link'
-import { FooterLinks } from './Links'
+import { FooterLink } from '../Link'
+import { FooterLinks } from '../Links'
 
-export const SupportLinks: React.FC<FlexBoxProps> = (props) => (
+export const XyoSupportLinks: React.FC<FlexBoxProps> = (props) => (
   <FooterLinks title="Support" {...props}>
     <FooterLink href="https://support.xy.company/hc/en-us/categories/360001417734">Help Center</FooterLink>
     <FooterLink href="https://support.xy.company/hc/en-us/requests/new">Contact Support</FooterLink>

package/src/{XyoTokens.tsx → Xyo/TokenLinks.tsx}

@@ -1,10 +1,10 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import React from 'react'
 
-import { FooterLink } from './Link'
-import { FooterLinks } from './Links'
+import { FooterLink } from '../Link'
+import { FooterLinks } from '../Links'
 
-export const XyoTokens: React.FC<FlexBoxProps> = (props) => (
+export const XyoTokenLinks: React.FC<FlexBoxProps> = (props) => (
   <FooterLinks title="XYO Tokens" {...props}>
     <FooterLink href="https://xyo.network/token">About</FooterLink>
     <FooterLink href="https://xyo.network/token/exchange">Exchanges</FooterLink>

package/src/Xyo/index.ts

@@ -0,0 +1,8 @@
+export * from './AlwaysLinks'
+export * from './DeveloperLinks'
+export * from './Footer'
+export * from './MoreLinks'
+export * from './NetworkLinks'
+export * from './SocialLinks'
+export * from './SupportLinks'
+export * from './TokenLinks'

package/src/index.ts

@@ -1,10 +1,5 @@
-export * from './Copyright'
-export * from './DeveloperLinks'
+export * from './AlwaysLinks'
 export * from './Footer'
 export * from './Link'
 export * from './Links'
-export * from './MoreLinks'
-export * from './NetworkLinks'
-export * from './SocialLinks'
-export * from './SupportLinks'
-export * from './XyoTokens'
+export * from './Xyo'