Disable instagram featurette temporarily

hello-nyxo · Sep 28, 2020 · 32d09a0 · 32d09a0
1 parent 35d7222
commit 32d09a0
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 45 deletions.
diff --git a/src/components/Footer/InstagramFeaturette.tsx b/src/components/Footer/InstagramFeaturette.tsx
@@ -6,49 +6,49 @@ import { device } from "../Primitives"
 import { useTranslation } from "gatsby-plugin-react-i18next"
 
 const InstagramFeaturette: FC = () => {
-  const {
-    allInstaNode: { nodes: posts },
-  } = useStaticQuery(graphql`
-    query InstagramQuery {
-      allInstaNode(sort: { order: DESC, fields: timestamp }, limit: 10) {
-        nodes {
-          id
-          username
-          timestamp
-          preview
-        }
-      }
-    }
-  `) as {
-    allInstaNode: {
-      nodes: [
-        {
-          likes: number
-          comments: number
-          caption: string
-          username: string
-          timestamp: number
-          preview: string
-          id: string
-        }
-      ]
-    }
-  }
-  const { t } = useTranslation()
-  return (
-    <Container>
-      <H3>{t("ABOUT.INSTAGRAM")}</H3>
-      <Posts>
-        {posts.map((post) => (
-          <Post href={`https://instagram.com/${post.username}`} key={post.id}>
-            <Image src={post.preview} />
-            <BottomRow>@{post.username}</BottomRow>
-            {/* <Caption>{post.caption}</Caption> */}
-          </Post>
-        ))}
-      </Posts>
-    </Container>
-  )
+  // const {
+  //   allInstaNode: { nodes: posts },
+  // } = useStaticQuery(graphql`
+  //   query InstagramQuery {
+  //     allInstaNode(sort: { order: DESC, fields: timestamp }, limit: 10) {
+  //       nodes {
+  //         id
+  //         username
+  //         timestamp
+  //         preview
+  //       }
+  //     }
+  //   }
+  // `) as {
+  //   allInstaNode: {
+  //     nodes: [
+  //       {
+  //         likes: number
+  //         comments: number
+  //         caption: string
+  //         username: string
+  //         timestamp: number
+  //         preview: string
+  //         id: string
+  //       }
+  //     ]
+  //   }
+  // }
+  // const { t } = useTranslation()
+  // return (
+  //   <Container>
+  //     <H3>{t("ABOUT.INSTAGRAM")}</H3>
+  //     <Posts>
+  //       {posts.map((post) => (
+  //         <Post href={`https://instagram.com/${post.username}`} key={post.id}>
+  //           <Image src={post.preview} />
+  //           <BottomRow>@{post.username}</BottomRow>
+  //           {/* <Caption>{post.caption}</Caption> */}
+  //         </Post>
+  //       ))}
+  //     </Posts>
+  //   </Container>
+  // )
 }
 
 export default InstagramFeaturette

diff --git a/src/pages/about.tsx b/src/pages/about.tsx
@@ -5,7 +5,7 @@ import { GatsbyImage } from "../../@types/childImageSharp"
 import { Meta } from "../../@types/content/meta"
 import devices from "../devices"
 import PersonCard from "../components/About/PersonCard"
-import InstagramFeaturette from "../components/Footer/InstagramFeaturette"
+// import InstagramFeaturette from "../components/Footer/InstagramFeaturette"
 import { H1, H2 } from "../components/Html/HtmlContent"
 import Layout from "../components/layout"
 import { Container, P } from "../components/Primitives"
@@ -158,7 +158,7 @@ const AboutPage: FC<PageProps<Props>> = ({
           <P>{t("ABOUT.WORK_FOR_US_TEXT")}</P>
         </JoinUs>
 
-        <InstagramFeaturette />
+        {/* <InstagramFeaturette /> */}
       </Container>
     </Layout>
   )