Adicionando uma nova forma de importacao dos componntes para deploy

Benevanio · Feb 22, 2023 · 4ff1806 · 4ff1806
1 parent 38136cf
commit 4ff1806
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 15 deletions.
diff --git a/src/App.js b/src/App.js
@@ -1,11 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 
 import './App.css';
-
-import { AnimeList } from "./Components/AnimeList";
-import { AnimeInfo } from "./Components/AnimeInfo";
-import { AddToList } from "./Components/AddToList";
-import { RemoveFromList } from "./Components/RemoveFromList";
+import  AnimeList  from "./Components/AnimeList";
+import  AnimeInfo  from "./Components/AnimeInfo";
+import  AddToList  from "./Components/AddToList";
+import  RemoveFromList  from "./Components/RemoveFromList";
 import React, { useEffect, useState } from 'react';
 
 function App() {

diff --git a/src/components/AddToList.jsx b/src/components/AddToList.jsx
@@ -1,11 +1,13 @@
 import React from 'react'
 
-export const AddToList = () => {
+const AddToList = () => {
   return (
     <>
         <div className="mylist">
             <p>Add To List +</p>
         </div>
     </>
   )
-}
+}
+
+export default AddToList
diff --git a/src/components/AnimeInfo.jsx b/src/components/AnimeInfo.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-export const AnimeInfo = (props) => {
+const AnimeInfo = ({props}) => {
     const { title, images: { jpg: { large_image_url } }, source, rank, score, popularity, members, status, rating, duration } = props.animeInfo
     return (
         <>
@@ -20,4 +20,6 @@ export const AnimeInfo = (props) => {
             </div>
         </>
     )
-}
+}
+
+export default AnimeInfo
diff --git a/src/components/AnimeList.jsx b/src/components/AnimeList.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-export const AnimeList = ({ animelist,setAnimeInfo,animeComponent,handleList}) => {
+const AnimeList = ({ animelist,setAnimeInfo,animeComponent,handleList}) => {
   const AddToList=animeComponent;
   return (
     <>
@@ -31,3 +31,5 @@ export const AnimeList = ({ animelist,setAnimeInfo,animeComponent,handleList}) =
     </>
   )
 }
+
+export default AnimeList
diff --git a/src/components/RemoveFromList.jsx b/src/components/RemoveFromList.jsx
@@ -1,11 +1,13 @@
 import React from 'react'
 
-export const RemoveFromList = () => {
+const RemoveFromList = () => {
   return (
     <>
-    <div className="mylist">
+      <div className="mylist">
         <p>Remove From List -</p>
-    </div>
-</>
+      </div>
+    </>
   )
-}
+}
+
+export default RemoveFromList