diff --git a/desafio5/src/components/Body/Body.tsx b/desafio5/src/components/Body/Body.tsx
index ab0eff0..4cf3a66 100644
--- a/desafio5/src/components/Body/Body.tsx
+++ b/desafio5/src/components/Body/Body.tsx
@@ -9,32 +9,33 @@ import TrocaEDevolucao from "./Tabs/TrocaEDevolucao";
import SegurancaEPrivacidade from "./Tabs/SegurancaEPrivacidade";
import Contato from "./Tabs/Contato";
import style from "./body.module.scss";
+import { Route, Routes } from "react-router";
const Body = () => {
const TabsItems = [
{
title: "Sobre",
- component: ,
+ path: "sobre",
},
{
title: "Forma de Pagamento",
- component: ,
+ path: "formadepagamento",
},
{
title: "Entrega",
- component: ,
+ path: "entrega",
},
{
title: "Troca e Devolução",
- component: ,
+ path: "trocaedevolucao",
},
{
title: "Segurança e Privacidade",
- component: ,
+ path: "segurancaeprivacidade",
},
{
title: "Contato",
- component: ,
+ path: "contato",
},
];
@@ -48,6 +49,20 @@ const Body = () => {
+
+
+
+ } />
+ } />
+ } />
+ } />
+ }
+ />
+ } />
+
+
);
diff --git a/desafio5/src/components/Body/Tabs/TabLayout.tsx b/desafio5/src/components/Body/Tabs/TabLayout.tsx
index ff16c6c..e9f551a 100644
--- a/desafio5/src/components/Body/Tabs/TabLayout.tsx
+++ b/desafio5/src/components/Body/Tabs/TabLayout.tsx
@@ -1,9 +1,10 @@
import React, { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
import style from "../body.module.scss";
interface MenuValue {
title: string;
- component: JSX.Element;
+ path: string;
}
export interface TabLayoutProps {
@@ -23,19 +24,20 @@ const TabLayout: React.FC