fix: img sources to absolute urls

jina-ai · Sep 27, 2021 · 582e53b · 582e53b
1 parent a5066c8
commit 582e53b
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 19 deletions.
diff --git a/packages/showcases/src/components/FlowDiagram.tsx b/packages/showcases/src/components/FlowDiagram.tsx
@@ -1,9 +1,9 @@
 import React, {useState} from "react";
 import {useRouter} from 'next/router'
-const SampleFlow = "assets/sampleflow.svg";
-const PDFFlow = "assets/pdf-search-flowchart.svg"
-const ECommerceFlow = "assets/e-commerce-flowchart.svg"
-const github = "assets/github.svg";
+const SampleFlow = "/assets/sampleflow.svg";
+const PDFFlow = "/assets/pdf-search-flowchart.svg"
+const ECommerceFlow = "/assets/e-commerce-flowchart.svg"
+const github = "/assets/github.svg";
 import {ChevronUpIcon} from "@heroicons/react/solid";
 
 const getFlowChartAsset = (showcase: string) => {

diff --git a/packages/showcases/src/components/Header.tsx b/packages/showcases/src/components/Header.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-const logo = "assets/logo.svg";
-const slack = "assets/slack.svg";
-const github = "assets/github.svg";
+const logo = "/assets/logo.svg";
+const slack = "/assets/slack.svg";
+const github = "/assets/github.svg";
 
 type HeaderLinkProps = {
   url: string;

diff --git a/packages/showcases/src/components/SearchBar/SearchInput.tsx b/packages/showcases/src/components/SearchBar/SearchInput.tsx
@@ -4,10 +4,10 @@ import React, {
   MutableRefObject,
   useRef,
 } from "react";
-const jinaIcon = "assets/magnifyingGlass.svg";
-const crossIcon = "assets/cross.svg"
-const fileIcon = "assets/file.svg";
-const searchingIcon = "assets/searching.gif";
+const jinaIcon = "/assets/magnifyingGlass.svg";
+const crossIcon = "/assets/cross.svg"
+const fileIcon = "/assets/file.svg";
+const searchingIcon = "/assets/searching.gif";
 
 type InputRef = MutableRefObject<HTMLInputElement | null>;
 

diff --git a/packages/showcases/src/pages/404.tsx b/packages/showcases/src/pages/404.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-const comingSoonImageDesktop = 'assets/coming-soon-background-desktop.svg'
-const comingSoonImageMobile = 'assets/coming-soon-background-mobile.svg'
+const comingSoonImageDesktop = '/assets/coming-soon-background-desktop.svg'
+const comingSoonImageMobile = '/assets/coming-soon-background-mobile.svg'
 
 export default function ComingSoon () {
     return (

diff --git a/packages/showcases/src/pages/NoSSR/pdf.tsx b/packages/showcases/src/pages/NoSSR/pdf.tsx
@@ -12,9 +12,9 @@ import JinaClient, {
 } from "@jina-ai/jinajs";
 import React, {useEffect, useState} from "react";
 import Results from "../../components/Results";
-const downloadButton = 'assets/download-button.svg'
-const CrossIcon = 'assets/cross.svg'
-const JinaLoading = 'assets/jina-loading.gif'
+const downloadButton = '/assets/download-button.svg'
+const CrossIcon = '/assets/cross.svg'
+const JinaLoading = '/assets/jina-loading.gif'
 import Modal from 'react-modal';
 import PdfViewer from "../../components/common/PdfViewer";
 import {components} from "../../types/pdf/schema"

diff --git a/packages/showcases/src/pages/e-commerce.tsx b/packages/showcases/src/pages/e-commerce.tsx
@@ -20,9 +20,9 @@ import {ShoppingCartIcon} from "@heroicons/react/outline";
 import schema from "../types/e-commerce/schema.json"
 import {OpenAPIV3} from "openapi-types";
 import Dropzone from 'react-dropzone'
-const SearchingIcon = 'assets/searching.gif'
-const SearchIcon = 'assets/searchIcon.svg'
-const Picture = "assets/image.svg"
+const SearchingIcon = '/assets/searching.gif'
+const SearchIcon = '/assets/searchIcon.svg'
+const Picture = "/assets/image.svg"
 import {isValidHttpUrl} from "../utils/utils";
 import About from "../components/common/About";