-
{this.getIcon()}
-
-
{file.name}
-
- {status === "uploading" && "Uploading..."}
- {status === "processing" && "Processing..."}
- {status === "error" && Error processing file.}
- {status === "complete" && (
-
- {url}
-
- )}
-
-
- {(status === "uploading" || status === "processing") && (
-
-
-
- )}
-
- {status === "complete" && (
-
- )}
+ return (
+
+
{getIcon()}
+
+
{file.name}
+
+ {status === "uploading" && "Uploading..."}
+ {status === "processing" && "Processing..."}
+ {status === "error" && Error processing file.}
+ {status === "complete" && (
+
+ {url}
+
+ )}
+
- );
- }
+ {(status === "uploading" || status === "processing") && (
+
+
+
+ )}
+
+ {status === "complete" && (
+
+ )}
+
+ );
}
diff --git a/src/pages/index.js b/src/pages/index.js
index 1212dcf7..10e0b7cd 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,14 +1,19 @@
import React from "react";
+import PropTypes from "prop-types";
import SEO from "../components/seo";
import { App } from "../components";
import "../global.scss";
import LocationContext from "../LocationContext";
-const IndexPage = ({ location }) => (
-
-
-
-
-);
+export default function IndexPage({ location }) {
+ return (
+
+
+
+
+ );
+}
-export default IndexPage;
+IndexPage.propTypes = {
+ location: PropTypes.object.isRequired
+};
diff --git a/src/svg/Arrow.js b/src/svg/Arrow.js
index 74fbafef..267cc481 100644
--- a/src/svg/Arrow.js
+++ b/src/svg/Arrow.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Arrow({ className }) {
return (
@@ -7,3 +8,7 @@ export default function Arrow({ className }) {
);
}
+
+Arrow.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Cylinder.js b/src/svg/Cylinder.js
index 42eaba40..7d4c1c0a 100644
--- a/src/svg/Cylinder.js
+++ b/src/svg/Cylinder.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Cylinder({ className }) {
return (
@@ -14,3 +15,7 @@ export default function Cylinder({ className }) {
);
}
+
+Cylinder.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Discord.js b/src/svg/Discord.js
index f7dd567e..7f4e51ff 100644
--- a/src/svg/Discord.js
+++ b/src/svg/Discord.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Discord({ className }) {
return (
@@ -11,3 +12,7 @@ export default function Discord({ className }) {
);
}
+
+Discord.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/DoubleRight.js b/src/svg/DoubleRight.js
index a5e1dffc..c7213322 100644
--- a/src/svg/DoubleRight.js
+++ b/src/svg/DoubleRight.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function DoubleRight({ className }) {
return (
@@ -14,3 +15,7 @@ export default function DoubleRight({ className }) {
);
}
+
+DoubleRight.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Download.js b/src/svg/Download.js
index 6e8d4c1e..ac84f54d 100644
--- a/src/svg/Download.js
+++ b/src/svg/Download.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Download({ className }) {
return (
@@ -21,3 +22,7 @@ export default function Download({ className }) {
);
}
+
+Download.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Github.js b/src/svg/Github.js
index 4a275d4d..ef9c47a2 100644
--- a/src/svg/Github.js
+++ b/src/svg/Github.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Github({ className }) {
return (
@@ -11,3 +12,7 @@ export default function Github({ className }) {
);
}
+
+Github.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Logo.js b/src/svg/Logo.js
index 335371a9..02f8f56f 100644
--- a/src/svg/Logo.js
+++ b/src/svg/Logo.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Logo({ className }) {
return (
@@ -13,3 +14,7 @@ export default function Logo({ className }) {
);
}
+
+Logo.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/LogoSolid.js b/src/svg/LogoSolid.js
index a498fdca..4554282a 100644
--- a/src/svg/LogoSolid.js
+++ b/src/svg/LogoSolid.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function LogoSolid({ className }) {
return (
@@ -11,3 +12,7 @@ export default function LogoSolid({ className }) {
);
}
+
+LogoSolid.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Pyramid.js b/src/svg/Pyramid.js
index d7c029a9..26c2751c 100644
--- a/src/svg/Pyramid.js
+++ b/src/svg/Pyramid.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Pyramid({ className }) {
return (
@@ -15,3 +16,7 @@ export default function Pyramid({ className }) {
);
}
+
+Pyramid.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/SmallOrb.js b/src/svg/SmallOrb.js
index 0c78e616..7470d8f7 100644
--- a/src/svg/SmallOrb.js
+++ b/src/svg/SmallOrb.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function SmallOrb({ className }) {
return (
@@ -14,3 +15,7 @@ export default function SmallOrb({ className }) {
);
}
+
+SmallOrb.propTypes = {
+ className: PropTypes.string
+};
diff --git a/src/svg/Twitter.js b/src/svg/Twitter.js
index f5016348..6ce04784 100644
--- a/src/svg/Twitter.js
+++ b/src/svg/Twitter.js
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
export default function Twitter({ className }) {
return (
@@ -11,3 +12,7 @@ export default function Twitter({ className }) {
);
}
+
+Twitter.propTypes = {
+ className: PropTypes.string
+};