skrd/musiclist-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Movidas vistas a una carpeta distinta de components

Browse Source 
Realmente no son lo mismo, un componente es reutilizable y se utiliza en
vistas, la vista es una composicion distintos componentes :3
This commit is contained in:
Daniel Cortes
2020-06-16 02:41:43 -04:00
parent 528db83663
commit 32353f814c
4 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/index.jsx
View File

@@ -1,16 +1,16 @@
import {BrowserRouter, Switch, Route} from "react-router-dom";
import React, {Fragment} from 'react'; import React, {Fragment} from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import {Search} from './components/Search';
import {SearchBar} from "./components/SearchBar";
import './styles/reset.css'; import './styles/reset.css';
import './styles/main.scss'; import './styles/main.scss';
import {Nav} from "./components/Nav"; import {Nav} from "./components/Nav";
import {SearchBar} from "./components/SearchBar";
import {BrowserRouter, Switch, Route} from "react-router-dom"; import {Search} from './views/Search';
import {ArtistView} from "./components/Artist"; import {ArtistView} from "./views/Artist";
import {DiscView} from "./components/Disc"; import {DiscView} from "./views/Disc";
const Main = (props) => { const Main = (props) => {
const navigate = (query) => props.history.push(`/search?query=${query}`); const navigate = (query) => props.history.push(`/search?query=${query}`);

12
src/components/Artist.jsx → src/views/Artist.jsx
View File

@@ -1,11 +1,13 @@
import React, {Fragment, useEffect, useState} from 'react' 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 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) => {
const discs = props.discs ? props.discs : null; const discs = props.discs ? props.discs : null;

12
src/components/Disc.jsx → src/views/Disc.jsx
View File

@@ -1,11 +1,13 @@
import React, {Fragment, useEffect, useState} from 'react'; 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 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) => { const capitalize = (string) => {
return string.charAt(0).toUpperCase() + string.slice(1); return string.charAt(0).toUpperCase() + string.slice(1);
} }

12
src/components/Search.jsx → src/views/Search.jsx
View File

@@ -1,12 +1,14 @@
import React, {Fragment, useEffect, useState} from "react"; import React, {Fragment, useEffect, useState} from "react";
import {Tab, TabList, TabPanel, Tabs} from "react-tabs";
import queryString from "query-string"; import queryString from "query-string";
import {searchArtist, searchDisc, searchSong} from "../services/search_service"; import {searchArtist, searchDisc, searchSong} from "../services/search_service";
import {SearchBar} from "./SearchBar";
import {Paginate} from "./Paginate"; import {SearchBar} from "../components/SearchBar";
import {CoverArt} from "./CoverArt"; import {Paginate} from "../components/Paginate";
import {EntityList} from "./EntityList"; import {CoverArt} from "../components/CoverArt";
import {Tab, TabList, TabPanel, Tabs} from "react-tabs"; import {EntityList} from "../components/EntityList";
const SearchSongs = (props) => { const SearchSongs = (props) => {
const [songs, setSongs] = useState(null); const [songs, setSongs] = useState(null);