(#5) Atualizando App.tsx com os componentes já feitos

Co-authored-by: Emily Sousa <diassousa@yahoo.com.br>
UnBArqDsw2021-1 · Sep 17, 2021 · 9f55284 · 9f55284
1 parent cce1a08
commit 9f55284
Showing 1 changed file with 25 additions and 11 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -1,18 +1,32 @@
-import React from 'react';
+import React from "react";
 
-import GlobalStyle from 'styles/global';
+import GlobalStyle from "styles/global";
 
-import NavBar from 'components/NavBar';
-import Loading from 'components/Loading';
+import NavBar from "components/NavBar";
+import Loading from "components/Loading";
+import MenuItem from "components/MenuItem";
 
 const App: React.FC = () => {
-  return (
-    <>
-      <NavBar />
-      <Loading />
-      <GlobalStyle />
-    </>
-  );
+    return (
+        <>
+            <NavBar />
+            <MenuItem
+                id={0}
+                image={
+                    "https://blog.finamac.com/wp-content/uploads/2019/10/309956-como-oferecer-os-melhores-sabores-de-milkshake-para-os-clientes-1280x640.jpg"
+                }
+                name={"Milkshake"}
+                price={"16.90"}
+                discount={0}
+                description={
+                    "Disponível nos sabores morango, chocolate, oreo e creme de\
+                    avelã."
+                }
+            />
+            <Loading />
+            <GlobalStyle />
+        </>
+    );
 };
 
 export default App;