Skip to content
Snippets Groups Projects
Commit 8df58b4d authored by Julien MARGAIL's avatar Julien MARGAIL
Browse files

rename to Socials

parent 418f90fb
No related branches found
No related tags found
No related merge requests found
...@@ -80,7 +80,7 @@ export function Carousel(props: Image): JSX.Element; ...@@ -80,7 +80,7 @@ export function Carousel(props: Image): JSX.Element;
interface SearchProps {} interface SearchProps {}
export function Search(props: SearchProps): JSX.Element; export function Search(props: SearchProps): JSX.Element;
interface ISocialMediaList { interface ISocials {
logo?: any, logo?: any,
name?: string, name?: string,
url?: string, url?: string,
...@@ -88,7 +88,7 @@ interface ISocialMediaList { ...@@ -88,7 +88,7 @@ interface ISocialMediaList {
layout?:string layout?:string
// dataList: any // dataList: any
} }
export function SocialMediaList(props: ISocialMediaList): JSX.Element; export function Socials(props: ISocials): JSX.Element;
interface IMenu {} interface IMenu {}
export function Menu(props: IMenu): JSX.Element; export function Menu(props: IMenu): JSX.Element;
......
...@@ -24,8 +24,8 @@ export { default as Carousel } from "./src/components/core/Carousel"; ...@@ -24,8 +24,8 @@ export { default as Carousel } from "./src/components/core/Carousel";
// Logo components // Logo components
export { default as Logo } from "./src/components/core/Logo"; export { default as Logo } from "./src/components/core/Logo";
// SocialMediaList components // Socials components
export { default as SocialMediaList } from "./src/components/socialmedialist"; export { default as Socials } from "./src/components/Socials";
// Menu components // Menu components
export { default as Menu } from "./src/components/core/Menu"; export { default as Menu } from "./src/components/core/Menu";
......
import React from "react"; import React from "react";
import Logo from "./core/Logo"; import Logo from "./core/Logo";
interface ISocialMediaList { interface ISocials {
layout?: string; layout?: string;
name: string; name: string;
logo: any; logo: any;
url: string; url: string;
} }
const SocialMediaList = (props: ISocialMediaList) => { const Socials = (props: ISocials) => {
const { layout, name, logo, url } = props; const { layout, name, logo, url } = props;
return ( return (
...@@ -28,4 +28,4 @@ const SocialMediaList = (props: ISocialMediaList) => { ...@@ -28,4 +28,4 @@ const SocialMediaList = (props: ISocialMediaList) => {
); );
}; };
export default SocialMediaList; export default Socials;
...@@ -26,8 +26,6 @@ function index(): ReactElement { ...@@ -26,8 +26,6 @@ function index(): ReactElement {
<br></br> <br></br>
<Link to="/doc/core/logo">Logo</Link> <Link to="/doc/core/logo">Logo</Link>
<br></br> <br></br>
<Link to="/doc/core/socialmedialist">List Social Media</Link>
<br></br>
<Link to="/doc/core/menu">Menu</Link> <Link to="/doc/core/menu">Menu</Link>
<br></br> <br></br>
<Link to="/doc/core/image">Image</Link> <Link to="/doc/core/image">Image</Link>
......
...@@ -13,6 +13,8 @@ function index(): ReactElement { ...@@ -13,6 +13,8 @@ function index(): ReactElement {
<br></br> <br></br>
<Link to="/doc/hero">Hero</Link> <Link to="/doc/hero">Hero</Link>
<br></br> <br></br>
<Link to="/doc/socials">Socials</Link>
<br></br>
<Link to="/doc/feature">Feature</Link> <Link to="/doc/feature">Feature</Link>
</div> </div>
</Content> </Content>
......
import React, { ReactElement } from "react"; import React, { ReactElement } from "react";
import { Content } from "@onegeo/gatsby-theme-onegeo"; import { Content } from "@onegeo/gatsby-theme-onegeo";
import { SocialMediaList } from "@onegeo/gatsby-theme-onegeo"; import { Socials } from "@onegeo/gatsby-theme-onegeo";
import { graphql, Link, PageProps } from "gatsby"; import { graphql, Link, PageProps } from "gatsby";
type Logo = { type Logo = {
...@@ -13,7 +13,7 @@ type Data = { ...@@ -13,7 +13,7 @@ type Data = {
}; };
}; };
const socialmedialist = ({ data }: PageProps<Data>): ReactElement => { const Socials = ({ data }: PageProps<Data>): ReactElement => {
const dataList = data.directus.partners; const dataList = data.directus.partners;
return ( return (
...@@ -27,7 +27,7 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => { ...@@ -27,7 +27,7 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => {
<pre> <pre>
<code> <code>
{` {`
interface ISocialMediaList { interface ISocials {
logo?: any, logo?: any,
name?: string, name?: string,
url?: string, url?: string,
...@@ -60,7 +60,7 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => { ...@@ -60,7 +60,7 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => {
{dataList.map((item: any) => { {dataList.map((item: any) => {
return ( return (
<div key={item.id}> <div key={item.id}>
<SocialMediaList <Socials
name={item.name} name={item.name}
url={item.url} url={item.url}
logo={`${process.env.DIRECTUS_URL}assets/${item.logo.id}`} logo={`${process.env.DIRECTUS_URL}assets/${item.logo.id}`}
...@@ -76,7 +76,7 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => { ...@@ -76,7 +76,7 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => {
{dataList.map((item: any) => { {dataList.map((item: any) => {
return ( return (
<div key={item.id}> <div key={item.id}>
<SocialMediaList <Socials
name={item.name} name={item.name}
url={item.url} url={item.url}
logo={`${process.env.DIRECTUS_URL}assets/${item.logo.id}`} logo={`${process.env.DIRECTUS_URL}assets/${item.logo.id}`}
...@@ -87,13 +87,13 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => { ...@@ -87,13 +87,13 @@ const socialmedialist = ({ data }: PageProps<Data>): ReactElement => {
})} })}
</div> </div>
{/* <div className="flex gap-6 m-4"> {/* <div className="flex gap-6 m-4">
<SocialMediaList dataList={dataList} layout="col" /> <Socials dataList={dataList} layout="col" />
</div> */} </div> */}
</Content> </Content>
); );
}; };
export default socialmedialist; export default Socials;
export const query = graphql` export const query = graphql`
query { query {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment