+
+
+ );
+}
+
+export default Banner;
\ No newline at end of file
diff --git a/frontend/src/components/card.tsx b/frontend/src/components/card.tsx
new file mode 100644
index 0000000..4165186
--- /dev/null
+++ b/frontend/src/components/card.tsx
@@ -0,0 +1,51 @@
+import React, { Children } from 'react';
+
+import icon_map_point from '../assets/icon_map_point.svg';
+
+import DateBr from '../components/dateBr';
+
+
+/* tipagens */
+interface myProps{
+ city: string;
+ time: string;
+ photo_background: string;
+ category: string;
+ type_class: string;
+ hasReward: string;
+}
+
+
+
+
+
+
+const Card: React.FC
+ {props.children}
+
+
+
+ );
+}
+
+export default Card;
\ No newline at end of file
diff --git a/frontend/src/components/dateBr.tsx b/frontend/src/components/dateBr.tsx
new file mode 100644
index 0000000..9708def
--- /dev/null
+++ b/frontend/src/components/dateBr.tsx
@@ -0,0 +1,30 @@
+import React, { Children } from 'react';
+
+interface myProps{
+ date: string;
+}
+const DateBr: React.FC-
+
-
+
+ ++
+
+ {props.city} ++ + - + {props.category} + + {(props.hasReward == '1') ? "$$Recompensa" : ""} + + +
+
+ {props.children}
+
+
+ );
+}
+
+export default LoaderPage;
\ No newline at end of file
diff --git a/frontend/src/components/modal.tsx b/frontend/src/components/modal.tsx
new file mode 100644
index 0000000..2752b49
--- /dev/null
+++ b/frontend/src/components/modal.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+interface myProps{
+ title: string;
+}
+
+const Modal: React.FC
+
+
+ );
+}
+
+export default Modal;
\ No newline at end of file
diff --git a/frontend/src/components/navbar.tsx b/frontend/src/components/navbar.tsx
new file mode 100644
index 0000000..1e99dd9
--- /dev/null
+++ b/frontend/src/components/navbar.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import {Link} from 'react-router-dom';
+
+import logo from '../assets/logo.svg';
+
+const Navbar = () => {
+ return (
+
+ );
+}
+
+export default Navbar;
\ No newline at end of file
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
new file mode 100644
index 0000000..975ef91
--- /dev/null
+++ b/frontend/src/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+
+
+ReactDOM.render(
+
+
+
+
+
+
+
+
+
+
+
+ {props.children}
+
+ {props.title}
+ +
+
+ {/* modal */}
+ {modalConlusion === true && (
+
+
+
+ 
+
+
+ :
+ ''
+ }
+
+
+
+ {/*banner*/}
+
+
+
+
+
+ {/* corpo do anuncio */}
+ {annoucement[0] !== undefined ? (
+
+
+
+ }
+
+
+ {/* footer */}
+
+
+
+ )
+}
+
+export default FoundAnnouncement;
\ No newline at end of file
diff --git a/frontend/src/pages/announcement/style.css b/frontend/src/pages/announcement/style.css
new file mode 100644
index 0000000..abb5576
--- /dev/null
+++ b/frontend/src/pages/announcement/style.css
@@ -0,0 +1,62 @@
+.data-annoucement .title h1 {
+ font-family: 'Quicksand', sans-serif;
+ font-weight: bolder;
+}
+
+.data-annoucement .sub-title {
+ font-size: .86em;
+}
+
+.data-annoucement .photo {
+ height: 250px;
+ width: 100%;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: auto;
+ -webkit-box-shadow: 0px 9px 11px -1px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 9px 11px -1px rgba(0, 0, 0, 0.5);
+ background-color: #fff;
+ border-radius: 5px;
+}
+
+.data-annoucement .description {
+ background: #fff;
+ border-radius: 5px;
+ -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.5);
+ padding: 15px;
+}
+
+.data-annoucement .reward {
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+.data-annoucement .contact {
+ font-size: 1.3em;
+ font-weight: bold;
+ color: rgb(33, 161, 44);
+}
+
+.data-annoucement .status {
+ font-weight: bolder;
+}
+
+.data-annoucement .status .danger {
+ color: rgb(161, 62, 62);
+ font-size: 1.3em;
+}
+
+.data-annoucement .status .ok {
+ color: rgb(53, 189, 26);
+ font-size: 1.3em;
+}
+
+.data-annoucement .leaflet-container {
+ width: 100%;
+ height: 250px;
+ border-radius: 5px;
+ margin-bottom: 24px;
+ -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.5);
+}
\ No newline at end of file
diff --git a/frontend/src/pages/found/index.tsx b/frontend/src/pages/found/index.tsx
new file mode 100644
index 0000000..38be52a
--- /dev/null
+++ b/frontend/src/pages/found/index.tsx
@@ -0,0 +1,360 @@
+import React, { ChangeEvent, FormEvent, useEffect, useState } from 'react';
+import {MapContainer , TileLayer, Marker, Popup, MapConsumer} from 'react-leaflet';
+import {LeafletMouseEvent} from 'leaflet'
+import { Link } from 'react-router-dom';
+import axios from 'axios';
+
+import api from '../../services/api'
+
+import './style.css';
+
+import OKgif from '../../assets/ok.gif'
+
+import Navbar from '../../components/navbar';
+import Banner from '../../components/banner';
+import Footer from '../../components/footer';
+import LoaderPage from '../../components/loaderPage';
+
+
+
+/* tipagens */
+interface ApiCategories{
+ id: number;
+ category: string;
+}
+
+interface ApiUf{
+ sigla: string;
+}
+
+interface ApiCity{
+ nome: string;
+}
+
+
+
+const FoundAnnouncement = () =>{
+
+ /* loaderpage */
+ const [loaderPage, setLoaderPage] = useState(false);
+
+
+
+ /* busca de estados */
+ const [ufs, setUfs] = useState
+
+
+ )}
+
+
+
+
+ {/*loader page*/}
+ {
+ (loaderPage === true) ?
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Conclusão de anúncio
+ +
+
+
+
+ Anúncio encerrado!
+
+ Clique aqui para voltar!
+ +Este site não estará envolvido com qualquer transação, nem nas recompensações, nem envios, nem garantias de transações, nem serviços de custódia, nem oferece "proteção ao anunciante" ou "proteção ao contatante". +
+
+
+
+ + {annoucement[0].reward === 1 && ( +
+ ):
+
+
+
+
+
+ {annoucement[0].category}
+
+
+
+
+ Anunciado por: {annoucement[0].name} em:
+
+
+
+
+
+
+
+
+
+
+
+ Descrição:
+{annoucement[0].description}
++ + {annoucement[0].reward === 1 && ( +
+
+
+ )}
+
+
+ Recompensa de: {annoucement[0].reward_value}
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Status: {status}
+ { showButton === true &&
+ (
+
+ )
+ }
+
+
+
+
+ Contatos
+ Nome: {annoucement[0].name}
+ Email: {annoucement[0].email}
+ Calular/Whataspp: {annoucement[0].phone}
+ Localidade: {annoucement[0].city} - {annoucement[0].uf}
+
+
+
+
+
+
+
+
+
+ Você está em:
+
+
+
+
+
+ Possivel ponto do objeto!
+{`Latitude: ${annoucement[0].latitude}`}
+{`Longitude: ${annoucement[0].longitude}`}
+
+
+ {/*loader page*/}
+ {
+ (loaderPage === true) ?
+
+
+
+
+
+ :
+ ''
+ }
+
+
+ {/*navbar*/}
+
+
+
+
+ {/*titulo*/}
+
+ )
+}
+
+export default LostAnnouncement;
\ No newline at end of file
diff --git a/frontend/src/pages/lost/style.css b/frontend/src/pages/lost/style.css
new file mode 100644
index 0000000..61fe8a0
--- /dev/null
+++ b/frontend/src/pages/lost/style.css
@@ -0,0 +1,10 @@
+form .leaflet-container {
+ width: 100%;
+ height: 350px;
+ border-radius: 8px;
+ margin-bottom: 24px;
+}
+
+form input[type="submit"] {
+ width: 100%;
+}
\ No newline at end of file
diff --git a/frontend/src/pages/search/index.tsx b/frontend/src/pages/search/index.tsx
new file mode 100644
index 0000000..f5c3da4
--- /dev/null
+++ b/frontend/src/pages/search/index.tsx
@@ -0,0 +1,101 @@
+import React, { useEffect, useState } from 'react';
+import {Link} from 'react-router-dom';
+
+import api from '../../services/api'
+
+import Navbar from '../../components/navbar';
+import Banner from '../../components/banner';
+import Footer from '../../components/footer';
+import LoaderPage from '../../components/loaderPage';
+import Card from '../../components/card';
+
+import './style.css';
+
+
+
+/* tipagens */
+interface Announcements{
+ id: number;
+ city: string;
+ category: string;
+ insert_in: string;
+ photo: string;
+ reward: string;
+ type: string;
+}
+
+
+const Search: React.FC = props =>{
+
+ /* lista de anuncios */
+ const [annoucements, setAnnoucements] = useState
+
+
+
+ Seu anuncio foi publicado com sucesso!
+
+
+ Foi gerado um código único para responder quando concluir o anuncio. ANOTE!
+
Será enviado por email também! +
+
+ Será enviado por email também! +
+
+ {codeConclusion}
+Clique aqui para voltar!
+ +Este site não estará envolvido com qualquer transação, nem nas recompensações, nem envios, nem garantias de transações, nem serviços de custódia, nem oferece "proteção ao anunciante" ou "proteção ao contatante". +
+
+
+
+
+ ACHEI! :)
+
+
+
+
+
+
+ {/*form*/}
+
+
+
+ {/*footer*/}
+
+
+
+ Opa!! Nos informe o que encontrou para tentarmos localizar o dono!
+
+
+
+
+ {/*banner*/}
+
+
+
+
+ {/*titulo*/}
+
+ + + {/* corpo do anuncio*/} + {annoucements[0] !== undefined ? ( +
+
+
+ }
+
+
+ {/* footer */}
+
+
+
+ )
+}
+
+export default Search;
\ No newline at end of file
diff --git a/frontend/src/pages/search/style.css b/frontend/src/pages/search/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/react-app-env.d.ts b/frontend/src/react-app-env.d.ts
new file mode 100644
index 0000000..6431bc5
--- /dev/null
+++ b/frontend/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// Este site não estará envolvido com qualquer transação, nem nas recompensações, nem envios, nem garantias de transações, nem serviços de custódia, nem oferece "proteção ao anunciante" ou "proteção ao contatante". +
+Resultados da busca
++ + + {/* corpo do anuncio*/} + {annoucements[0] !== undefined ? ( +
+
+ {annoucements.map(item => (
+
+ ):
+
+
+
+
+ ))}
+
+
+
+