From 32353f814cdb44253818366b5d07969cb21e0852 Mon Sep 17 00:00:00 2001
From: Daniel Cortes <daniel.cortes.p159@gmail.com>
Date: Tue, 16 Jun 2020 02:41:43 -0400
Subject: [PATCH] Movidas vistas a una carpeta distinta de components

Realmente no son lo mismo, un componente es reutilizable y se utiliza en
vistas, la vista es una composicion distintos componentes :3
---
 src/index.jsx                        | 10 +++++-----
 src/{components => views}/Artist.jsx | 12 +++++++-----
 src/{components => views}/Disc.jsx   | 12 +++++++-----
 src/{components => views}/Search.jsx | 12 +++++++-----
 4 files changed, 26 insertions(+), 20 deletions(-)
 rename src/{components => views}/Artist.jsx (93%)
 rename src/{components => views}/Disc.jsx (93%)
 rename src/{components => views}/Search.jsx (97%)

diff --git a/src/index.jsx b/src/index.jsx
index f14c7ec..4ebf589 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,16 +1,16 @@
+import {BrowserRouter, Switch, Route} from "react-router-dom";
 import React, {Fragment} from 'react';
 import ReactDOM from 'react-dom';
-import {Search} from './components/Search';
-import {SearchBar} from "./components/SearchBar";
 
 import './styles/reset.css';
 import './styles/main.scss';
 
 import {Nav} from "./components/Nav";
+import {SearchBar} from "./components/SearchBar";
 
-import {BrowserRouter, Switch, Route} from "react-router-dom";
-import {ArtistView} from "./components/Artist";
-import {DiscView} from "./components/Disc";
+import {Search} from './views/Search';
+import {ArtistView} from "./views/Artist";
+import {DiscView} from "./views/Disc";
 
 const Main = (props) => {
     const navigate = (query) => props.history.push(`/search?query=${query}`);
diff --git a/src/components/Artist.jsx b/src/views/Artist.jsx
similarity index 93%
rename from src/components/Artist.jsx
rename to src/views/Artist.jsx
index c5ffbfd..9111488 100644
--- a/src/components/Artist.jsx
+++ b/src/views/Artist.jsx
@@ -1,11 +1,13 @@
 import React, {Fragment, useEffect, useState} from 'react'
-import {getArtist, getArtistDiscs} from "../services/entity_service";
-import {CoverArt} from './CoverArt';
-import {Paginate} from "./Paginate";
-import {EntityList} from "./EntityList";
-import {Entity} from "./Entity";
 import queryString from "query-string";
 
+import {getArtist, getArtistDiscs} from "../services/entity_service";
+
+import {CoverArt} from '../components/CoverArt';
+import {Paginate} from "../components/Paginate";
+import {EntityList} from "../components/EntityList";
+import {Entity} from "../components/Entity";
+
 
 const Discs = (props) => {
   const discs = props.discs ? props.discs : null;
diff --git a/src/components/Disc.jsx b/src/views/Disc.jsx
similarity index 93%
rename from src/components/Disc.jsx
rename to src/views/Disc.jsx
index 9dcc96f..0065f16 100644
--- a/src/components/Disc.jsx
+++ b/src/views/Disc.jsx
@@ -1,11 +1,13 @@
 import React, {Fragment, useEffect, useState} from 'react';
-import {getDisc, getDiscVersions} from "../services/entity_service";
-import {CoverArt} from "./CoverArt";
-import {Entity} from "./Entity";
-import {EntityList} from "./EntityList";
-import {Paginate} from "./Paginate";
 import queryString from "query-string";
 
+import {getDisc, getDiscVersions} from "../services/entity_service";
+
+import {CoverArt} from "../components/CoverArt";
+import {Entity} from "../components/Entity";
+import {EntityList} from "../components/EntityList";
+import {Paginate} from "../components/Paginate";
+
 const capitalize = (string) => {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
diff --git a/src/components/Search.jsx b/src/views/Search.jsx
similarity index 97%
rename from src/components/Search.jsx
rename to src/views/Search.jsx
index 76b19d7..71721e2 100644
--- a/src/components/Search.jsx
+++ b/src/views/Search.jsx
@@ -1,12 +1,14 @@
 import React, {Fragment, useEffect, useState} from "react";
+import {Tab, TabList, TabPanel, Tabs} from "react-tabs";
 import queryString from "query-string";
 
 import {searchArtist, searchDisc, searchSong} from "../services/search_service";
-import {SearchBar} from "./SearchBar";
-import {Paginate} from "./Paginate";
-import {CoverArt} from "./CoverArt";
-import {EntityList} from "./EntityList";
-import {Tab, TabList, TabPanel, Tabs} from "react-tabs";
+
+import {SearchBar} from "../components/SearchBar";
+import {Paginate} from "../components/Paginate";
+import {CoverArt} from "../components/CoverArt";
+import {EntityList} from "../components/EntityList";
+
 
 const SearchSongs = (props) => {
     const [songs, setSongs] = useState(null);