Skip to content
Snippets Groups Projects
Commit 28255894 authored by Thor-Herman Van Eggelen's avatar Thor-Herman Van Eggelen
Browse files

Add actual SVG files #9

parent 0779d806
No related branches found
No related tags found
No related merge requests found
...@@ -18,7 +18,7 @@ export const PageContext = React.createContext({ ...@@ -18,7 +18,7 @@ export const PageContext = React.createContext({
class MainPage extends React.Component<props, state> { class MainPage extends React.Component<props, state> {
state = {currentPage: 1, totalPages: 11}; // Index of which page to render. 0 is the landing page state = {currentPage: 0, totalPages: 8}; // Index of which page to render. 0 is the landing page
determineRender() { // Decides what page will be rendered determineRender() { // Decides what page will be rendered
return this.state.currentPage === 0 ? <LandingPage/> : return this.state.currentPage === 0 ? <LandingPage/> :
......
...@@ -8,9 +8,6 @@ const poets = [ ...@@ -8,9 +8,6 @@ const poets = [
"William Morris", "William Morris",
"Sidney Lanier", "Sidney Lanier",
"Robert Herrick", "Robert Herrick",
"Robert Burns",
"Edward Thomas",
"Richard Crashaw",
]; ];
type dataResponse = { type dataResponse = {
......
import React from "react"; import React from "react";
import {ReactComponent as SVG1} from './SVG/svg1.svg';
import {ReactComponent as SVG2} from "./SVG/svg2.svg";
import {ReactComponent as SVG3} from "./SVG/svg3.svg";
import {ReactComponent as SVG4} from "./SVG/svg4.svg";
import {ReactComponent as SVG5} from "./SVG/svg5.svg";
import {ReactComponent as SVG6} from "./SVG/svg6.svg";
import {ReactComponent as SVG7} from "./SVG/svg7.svg";
export default [ // Collection of Artworks that will be displayed export default [ // Collection of Artworks that will be displayed
<svg viewBox={"0 0 200 80"}> <SVG1/>,
<rect width={"200"} height={80} fill={"blue"} /> <SVG2/>,
</svg>, <SVG3/>,
<svg viewBox={"0 0 200 80"}> <SVG4/>,
<rect width={"200"} height={80} fill={"red"} /> <SVG5/>,
</svg>, <SVG6/>,
<svg viewBox={"0 0 200 80"}> <SVG7/>,
<rect width={"200"} height={80} fill={"pink"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"black"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"brown"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"purple"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"yellow"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"green"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"gray"} />
</svg>,
<svg viewBox={"0 0 200 80"}>
<rect width={"200"} height={80} fill={"teal"} />
</svg>,
// TODO: ADD SVGS IN HERE
]; ];
...@@ -2,4 +2,10 @@ ...@@ -2,4 +2,10 @@
declare module '*.mp3' { declare module '*.mp3' {
const src: string; const src: string;
export default src; export default src;
}
declare module '*.svg' {
import React = require('react');
export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
const src: string;
export default src;
} }
\ No newline at end of file
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