Fix SVG integration [ci skip]

This commit is contained in:
Ines Montani 2021-01-14 13:33:41 +11:00
parent b4bd8f347a
commit 29c3ca7e34
8 changed files with 12952 additions and 2961 deletions

View File

@ -25,15 +25,6 @@ module.exports = {
},
plugins: [
{
resolve: `gatsby-plugin-svgr`,
options: {
svgo: false,
svgoConfig: {
removeViewBox: false,
},
},
},
{
resolve: `gatsby-plugin-sass`,
options: {
@ -76,6 +67,14 @@ module.exports = {
path: `${__dirname}/docs/images`,
},
},
{
resolve: 'gatsby-plugin-react-svg',
options: {
rule: {
include: /src\/images\/(.*)\.svg/,
},
},
},
{
resolve: `gatsby-mdx`,
options: {

15828
website/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -24,7 +24,7 @@
"gatsby-plugin-offline": "^2.0.24",
"gatsby-plugin-plausible": "0.0.6",
"gatsby-plugin-react-helmet": "^3.0.6",
"gatsby-plugin-react-svg": "^2.0.0",
"gatsby-plugin-react-svg": "^2.1.2",
"gatsby-plugin-sass": "^2.0.10",
"gatsby-plugin-sharp": "^2.0.20",
"gatsby-plugin-sitemap": "^2.0.5",

View File

@ -6,7 +6,7 @@ import classNames from 'classnames'
import Link from './link'
import Grid from './grid'
import Newsletter from './newsletter'
import { ReactComponent as ExplosionLogo } from '../images/explosion.svg'
import ExplosionLogo from '-!svg-react-loader!../images/explosion.svg'
import classes from '../styles/footer.module.sass'
const Footer = ({ wide }) => (

View File

@ -2,23 +2,23 @@ import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import { ReactComponent as GitHubIcon } from '../images/icons/github.svg'
import { ReactComponent as TwitterIcon } from '../images/icons/twitter.svg'
import { ReactComponent as WebsiteIcon } from '../images/icons/website.svg'
import { ReactComponent as WarningIcon } from '../images/icons/warning.svg'
import { ReactComponent as InfoIcon } from '../images/icons/info.svg'
import { ReactComponent as AcceptIcon } from '../images/icons/accept.svg'
import { ReactComponent as RejectIcon } from '../images/icons/reject.svg'
import { ReactComponent as DocsIcon } from '../images/icons/docs.svg'
import { ReactComponent as CodeIcon } from '../images/icons/code.svg'
import { ReactComponent as HelpIcon } from '../images/icons/help.svg'
import { ReactComponent as HelpOutlineIcon } from '../images/icons/help-outline.svg'
import { ReactComponent as ArrowRightIcon } from '../images/icons/arrow-right.svg'
import { ReactComponent as YesIcon } from '../images/icons/yes.svg'
import { ReactComponent as NoIcon } from '../images/icons/no.svg'
import { ReactComponent as NeutralIcon } from '../images/icons/neutral.svg'
import { ReactComponent as OfflineIcon } from '../images/icons/offline.svg'
import { ReactComponent as SearchIcon } from '../images/icons/search.svg'
import GitHubIcon from '-!svg-react-loader!../images/icons/github.svg'
import TwitterIcon from '-!svg-react-loader!../images/icons/twitter.svg'
import WebsiteIcon from '-!svg-react-loader!../images/icons/website.svg'
import WarningIcon from '-!svg-react-loader!../images/icons/warning.svg'
import InfoIcon from '-!svg-react-loader!../images/icons/info.svg'
import AcceptIcon from '-!svg-react-loader!../images/icons/accept.svg'
import RejectIcon from '-!svg-react-loader!../images/icons/reject.svg'
import DocsIcon from '-!svg-react-loader!../images/icons/docs.svg'
import CodeIcon from '-!svg-react-loader!../images/icons/code.svg'
import HelpIcon from '-!svg-react-loader!../images/icons/help.svg'
import HelpOutlineIcon from '-!svg-react-loader!../images/icons/help-outline.svg'
import ArrowRightIcon from '-!svg-react-loader!../images/icons/arrow-right.svg'
import YesIcon from '-!svg-react-loader!../images/icons/yes.svg'
import NoIcon from '-!svg-react-loader!../images/icons/no.svg'
import NeutralIcon from '-!svg-react-loader!../images/icons/neutral.svg'
import OfflineIcon from '-!svg-react-loader!../images/icons/offline.svg'
import SearchIcon from '-!svg-react-loader!../images/icons/search.svg'
import classes from '../styles/icon.module.sass'

View File

@ -6,7 +6,7 @@ import Link from './link'
import Icon from './icon'
import Dropdown from './dropdown'
import { github } from './util'
import { ReactComponent as Logo } from '../images/logo.svg'
import Logo from '-!svg-react-loader!../images/logo.svg'
import classes from '../styles/navigation.module.sass'
const NavigationDropdown = ({ items, section }) => {

View File

@ -1,17 +1,17 @@
import { ReactComponent as AirbnbLogo } from './airbnb.svg'
import { ReactComponent as UberLogo } from './uber.svg'
import { ReactComponent as QuoraLogo } from './quora.svg'
import { ReactComponent as RetrieverLogo } from './retriever.svg'
import { ReactComponent as StitchfixLogo } from './stitchfix.svg'
import { ReactComponent as ChartbeatLogo } from './chartbeat.svg'
import { ReactComponent as AllenAILogo } from './allenai.svg'
import AirbnbLogo from '-!svg-react-loader!./airbnb.svg'
import UberLogo from '-!svg-react-loader!./uber.svg'
import QuoraLogo from '-!svg-react-loader!./quora.svg'
import RetrieverLogo from '-!svg-react-loader!./retriever.svg'
import StitchfixLogo from '-!svg-react-loader!./stitchfix.svg'
import ChartbeatLogo from '-!svg-react-loader!./chartbeat.svg'
import AllenAILogo from '-!svg-react-loader!./allenai.svg'
import { ReactComponent as RecodeLogo } from './recode.svg'
import { ReactComponent as WapoLogo } from './wapo.svg'
import { ReactComponent as BBCLogo } from './bbc.svg'
import { ReactComponent as MicrosoftLogo } from './microsoft.svg'
import { ReactComponent as VenturebeatLogo } from './venturebeat.svg'
import { ReactComponent as ThoughtworksLogo } from './thoughtworks.svg'
import RecodeLogo from '-!svg-react-loader!./recode.svg'
import WapoLogo from '-!svg-react-loader!./wapo.svg'
import BBCLogo from '-!svg-react-loader!./bbc.svg'
import MicrosoftLogo from '-!svg-react-loader!./microsoft.svg'
import VenturebeatLogo from '-!svg-react-loader!./venturebeat.svg'
import ThoughtworksLogo from '-!svg-react-loader!./thoughtworks.svg'
export default {
airbnb: AirbnbLogo,

View File

@ -4,7 +4,7 @@ import Grid from '../components/grid'
import { Label } from '../components/typography'
import Link from '../components/link'
import { ReactComponent as Logo } from '../images/logo.svg'
import Logo from '-!svg-react-loader!../images/logo.svg'
import patternBlue from '../images/pattern_blue.jpg'
import patternGreen from '../images/pattern_green.jpg'
import patternPurple from '../images/pattern_purple.jpg'