diff --git a/src/App.tsx b/src/App.tsx index b9d1646..0560f9a 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,11 +1,9 @@ -import EthLogo from './EthLogo'; -import Starter from './Starter'; -import Projects from './Projects'; -import Footer from './Footer'; +import EthLogo from './components/EthLogo'; +import Starter from './components/Starter'; +import Projects from './components/Projects'; +import Footer from './components/Footer'; import './App.css'; - - function App() { return ( diff --git a/src/EthLogo.css b/src/components/EthLogo.css similarity index 100% rename from src/EthLogo.css rename to src/components/EthLogo.css diff --git a/src/EthLogo.tsx b/src/components/EthLogo.tsx similarity index 65% rename from src/EthLogo.tsx rename to src/components/EthLogo.tsx index 9fe09b9..1ab4948 100644 --- a/src/EthLogo.tsx +++ b/src/components/EthLogo.tsx @@ -1,5 +1,5 @@ -import eth from './images/eth-diamond-color.png'; +import eth from '../images/eth-diamond-color.png'; import './EthLogo.css'; @@ -9,4 +9,4 @@ function EthLogo() { ); } -export default EthLogo; \ No newline at end of file +export default EthLogo; diff --git a/src/Footer.css b/src/components/Footer.css similarity index 100% rename from src/Footer.css rename to src/components/Footer.css diff --git a/src/Footer.tsx b/src/components/Footer.tsx similarity index 100% rename from src/Footer.tsx rename to src/components/Footer.tsx diff --git a/src/ProjectCard.css b/src/components/ProjectCard.css similarity index 100% rename from src/ProjectCard.css rename to src/components/ProjectCard.css diff --git a/src/ProjectCard.tsx b/src/components/ProjectCard.tsx similarity index 88% rename from src/ProjectCard.tsx rename to src/components/ProjectCard.tsx index 2e6cf38..67491f4 100644 --- a/src/ProjectCard.tsx +++ b/src/components/ProjectCard.tsx @@ -1,8 +1,8 @@ -import globe from './images/globe.svg'; -import github from './images/github.svg'; -import discord from './images/discord.svg'; -import twitter from './images/twitter.svg'; -import telegram from './images/telegram.svg'; +import globe from '../images/globe.svg'; +import github from '../images/github.svg'; +import discord from '../images/discord.svg'; +import twitter from '../images/twitter.svg'; +import telegram from '../images/telegram.svg'; import './ProjectCard.css'; import ColorHash from 'color-hash' @@ -67,7 +67,7 @@ function ProjectCard(props: ProjectProps) { try { if (props.image) { return ( - {props.name} + {props.name} ); } else { return renderImage(props.short_name || props.name); diff --git a/src/Projects.css b/src/components/Projects.css similarity index 100% rename from src/Projects.css rename to src/components/Projects.css diff --git a/src/Projects.json b/src/components/Projects.json similarity index 100% rename from src/Projects.json rename to src/components/Projects.json diff --git a/src/Projects.tsx b/src/components/Projects.tsx similarity index 100% rename from src/Projects.tsx rename to src/components/Projects.tsx diff --git a/src/Starter.css b/src/components/Starter.css similarity index 100% rename from src/Starter.css rename to src/components/Starter.css diff --git a/src/Starter.tsx b/src/components/Starter.tsx similarity index 90% rename from src/Starter.tsx rename to src/components/Starter.tsx index 3c33263..e5cb795 100644 --- a/src/Starter.tsx +++ b/src/components/Starter.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import logo from './images/pse-logo.svg'; -import arrow from './images/arrow.svg'; -import discord from './images/discord.svg'; -import twitter from './images/twitter.svg'; +import logo from '../images/pse-logo.svg'; +import arrow from '../images/arrow.svg'; +import discord from '../images/discord.svg'; +import twitter from '../images/twitter.svg'; import './Starter.css'; function Starter() { diff --git a/src/site-footer.svg b/src/images/site-footer.svg similarity index 100% rename from src/site-footer.svg rename to src/images/site-footer.svg