chore(pages): use Constants.gateways.ipfs for hardcoded ipfs links

components/core/WebsitePrototypeWrapper.js

@@ -1,11 +1,11 @@
 import * as React from "react";
+import * as Constants from "~/common/constants";
 
 import Head from "next/head";
 
 export default class WebsitePrototypeWrapper extends React.Component {
   static defaultProps = {
-    image:
-      "https://slate.textile.io/ipfs/bafybeihtmqpx2lnlvaerfhq5imi2y3jzuf4jqspmmqbth3ebim4ebc2lqy",
+    image: `${Constants.gateways.ipfs}/bafybeihtmqpx2lnlvaerfhq5imi2y3jzuf4jqspmmqbth3ebim4ebc2lqy`,
     title: "Slate",
     url: "https://slate.host/_",
     description:

components/sidebars/SidebarSingleSlateSettings.js

@@ -12,9 +12,6 @@ import { RadioGroup } from "~/components/system/components/RadioGroup";
 import { css } from "@emotion/react";
 import { ConfirmationModal } from "~/components/core/ConfirmationModal";
 
-const DEFAULT_IMAGE =
-  "https://slate.textile.io/ipfs/bafkreiaow45dlq5xaydaeqocdxvffudibrzh2c6qandpqkb6t3ahbvh6re";
-
 const STYLES_HEADER = css`
   font-family: ${Constants.font.semiBold};
 `;

pages/_/file.js

@@ -12,8 +12,7 @@ import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
 import WebsitePrototypeFooter from "~/components/core/WebsitePrototypeFooter";
 import CTATransition from "~/components/core/CTATransition";
 
-const DEFAULT_IMAGE =
-  "https://slate.textile.io/ipfs/bafkreiaow45dlq5xaydaeqocdxvffudibrzh2c6qandpqkb6t3ahbvh6re";
+const DEFAULT_IMAGE = `${Constants.gateways.ipfs}/bafkreiaow45dlq5xaydaeqocdxvffudibrzh2c6qandpqkb6t3ahbvh6re`;
 
 export const getServerSideProps = async (context) => {
   return {

pages/about.js

@@ -98,8 +98,7 @@ export default function AboutUsPage() {
   const title = `About Us - Slate`;
   const description = "Your personal search engine";
   const url = "https://slate.host/about";
-  const image =
-    "https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4";
+  const image = `${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`;
 
   return (
     <WebsitePrototypeWrapper title={title} description={description} url={url} image={image}>

pages/faqs.js

@@ -87,8 +87,7 @@ export default function FAQPage() {
   const title = `FAQs - Slate`;
   const description = "Your personal search engine";
   const url = "https://slate.host/faqs";
-  const image =
-    "https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4";
+  const image = `${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`;
 
   return (
     <WebsitePrototypeWrapper title={title} description={description} url={url} image={image}>

pages/get-slate.js

@@ -186,8 +186,7 @@ export default function InstallPage() {
   const title = `Install Slate for Chrome - Slate`;
   const description = "Install Slate from Chrome web store";
   const url = "https://slate.host/get-slate";
-  const image =
-    "https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4";
+  const image = `${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`;
   const next = "/_/data";
   const prev = "../guide/new-tab";
 

pages/guide/browser-control.js

@@ -50,7 +50,7 @@ export default function BrowserControlGuidePage() {
       title="Browser Control Guide - Slate"
       description="Your personal search engine"
       url="https://slate.host/guide/browser-control"
-      image="https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4"
+      image={`${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`}
       heading="Built for your browser"
       body="Our Chrome extension gives you seamless control of your tabs with powerful tools to help you manage and keep track of things."
       next="save"

pages/guide/file.js

@@ -5,8 +5,6 @@ import * as JumperPrototype from "~/components/landing/jumperPrototype";
 
 import Guide from "~/pages/guide/guide.js";
 
-import { css } from "@emotion/react";
-
 const VIEWS_ACTIONS = [{ label: "Current Window" }, { label: "All Open" }, { label: "Recent" }];
 
 const CUSTOM_VIEWS_ACTIONS = [{ label: "Files" }];
@@ -65,7 +63,7 @@ export default function FileGuidePage() {
       title="File Guide - Slate"
       description="Your personal search engine"
       url="https://slate.host/guide/file"
-      image="https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4"
+      image={`${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`}
       heading="Integrated storage for your files"
       body="Save text, images, and files from the web or upload them directly to Slate to create your personal archive."
       next="space"
@@ -73,7 +71,7 @@ export default function FileGuidePage() {
       jumper={
         <div>
           <JumperPrototype.TopPanel>
-            {VIEWS_ACTIONS.map((action, i) => (
+            {VIEWS_ACTIONS.map((action) => (
               <JumperPrototype.ViewAction key={action.label}>
                 {action.label}
               </JumperPrototype.ViewAction>

pages/guide/new-tab.js

@@ -1,18 +1,15 @@
 import * as React from "react";
 import * as Constants from "~/common/constants";
-import * as SVG from "~/common/svg";
 
 import Guide from "~/pages/guide/guide.js";
 
-import { css } from "@emotion/react";
-
 export default function NewTabGuidePage() {
   return (
     <Guide
       title="New Tab Guide - Slate"
       description="Your personal search engine"
       url="https://slate.host/guide/new-tab"
-      image="https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4"
+      image={`${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`}
       heading="Refresh your memory with every tab"
       body="You can even use Slate as your new tab experience to refresh your memory as you browse."
       next="/get-slate"

pages/guide/save.js

@@ -59,7 +59,7 @@ export default function SaveGuidePage() {
       title="Save Guide - Slate"
       description="Your personal search engine"
       url="https://slate.host/guide/save"
-      image="https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4"
+      image={`${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`}
       heading="Always at your fingertips"
       body="Save links, take notes, and add tags with keyboard shortcuts to capture things on the fly."
       next="file"

pages/guide/search.js

@@ -74,7 +74,7 @@ export default function SearchGuidePage() {
       title="Search Guide - Slate"
       description="Your personal search engine"
       url="https://slate.host/guide/search"
-      image="https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4"
+      image={`${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`}
       heading="Find things instantly with search"
       body="Search allows you to easily find things by either keyword or tag (we’ve got some filters on the way too)."
       next="new-tab"

pages/guide/space.js

@@ -1,6 +1,7 @@
 import * as React from "react";
 import * as SVG from "~/common/svg";
 import * as JumperPrototype from "~/components/landing/jumperPrototype";
+import * as Constants from "~/common/constants";
 
 import Guide from "~/pages/guide/guide.js";
 
@@ -65,7 +66,7 @@ export default function SpaceGuidePage() {
       title="Space Guide - Slate"
       description="Your personal search engine"
       url="https://slate.host/guide/space"
-      image="https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4"
+      image={`${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`}
       heading="Make space for everything"
       body="Set up spaces to automatically revisit things from your favorite sites or create your own using tags."
       next="search"

pages/index.js

@@ -208,8 +208,7 @@ export default function IndexPage() {
   const title = `Slate`;
   const description = "Your personal search engine";
   const url = "https://slate.host/";
-  const image =
-    "https://slate.textile.io/ipfs/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4";
+  const image = `${Constants.gateways.ipfs}/bafkreifww37ypduoi5pvj2cuikz7iycp7l5h7czke6lcboukkaqkoab3t4`;
   const next = "../guide/browser-control";
 
   useGuideKeyCommands(next);