From a041941a706c2e220225aac4655add9fc7b42bd6 Mon Sep 17 00:00:00 2001
From: moonstar-x <christian.lopez99@outlook.com>
Date: Fri, 2 Jun 2023 12:36:27 -0500
Subject: [PATCH] Moved old app into its component.

---
 .../RedditSlideshow/RedditSlideshow.css}                 | 2 +-
 .../RedditSlideshow/RedditSlideshow.js}                  | 8 ++++----
 src/containers/App.test.js                               | 9 ---------
 3 files changed, 5 insertions(+), 14 deletions(-)
 rename src/{containers/App.css => components/RedditSlideshow/RedditSlideshow.css} (89%)
 rename src/{containers/App.js => components/RedditSlideshow/RedditSlideshow.js} (98%)
 delete mode 100644 src/containers/App.test.js

diff --git a/src/containers/App.css b/src/components/RedditSlideshow/RedditSlideshow.css
similarity index 89%
rename from src/containers/App.css
rename to src/components/RedditSlideshow/RedditSlideshow.css
index 24f1132..ca0eeea 100644
--- a/src/containers/App.css
+++ b/src/components/RedditSlideshow/RedditSlideshow.css
@@ -1,4 +1,4 @@
-.App {
+.reddit-slideshow {
   position: relative;
   background-color: black;
   height: 100vh;
diff --git a/src/containers/App.js b/src/components/RedditSlideshow/RedditSlideshow.js
similarity index 98%
rename from src/containers/App.js
rename to src/components/RedditSlideshow/RedditSlideshow.js
index 32d9907..7e228d0 100644
--- a/src/containers/App.js
+++ b/src/components/RedditSlideshow/RedditSlideshow.js
@@ -1,8 +1,8 @@
 import React, { Component } from "react";
 import axios from "axios";
 
-import Layout from "../components/Layout/Layout";
-import "./App.css";
+import Layout from "../Layout/Layout";
+import "./RedditSlideshow.css";
 
 class App extends Component {
   state = {
@@ -409,9 +409,9 @@ class App extends Component {
 
   render() {
     return (
-      <div className="App">
+      <div className="reddit-slideshow">
         <Layout
-          className="App"
+          className="reddit-slideshow"
           post={this.state.posts.length ? this.state.posts[this.state.currentPost] : null}
           prev={this.state.posts.length ? this.state.posts[this.state.prevPost] : null}
           prevHandler={this.prevSlideHandler}
diff --git a/src/containers/App.test.js b/src/containers/App.test.js
deleted file mode 100644
index a754b20..0000000
--- a/src/containers/App.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});