From b3cb9ad2416aa86db2cf54e390a959693c899208 Mon Sep 17 00:00:00 2001
From: Gustavo Nogueira <83383362+Gugahnstn@users.noreply.github.com>
Date: Mon, 2 Oct 2023 01:05:34 -0300
Subject: [PATCH] Development (#10)

* feat: adicionando 'search-ip' ao projeto.

* feat: adicionando a variavel 'requestQuery'.

* feat: Adding a new link to capture the flags of the countries.

* feat: Adding the 'requestDomainAndIp' variable and passing it as a parameter to the 'serviceIpApi' function.

* feat: adding app.tsx

* feat: adding types to SearchMap

* feat: modifying types of the Data interface.

* feat: adding a Footer to the project.

* feat: adding style to the Footer.

* style: adding z-index to the 'HeaderComponent'

* feat: capitalizing the first letter of 'world connection'.

* fix: removing the 'SearchMap' file and adding 'index.tsx'.

* style: main style

* feat: adding Footer

* fix: removing the 'SearchMap' file and adding 'index.tsx'.

* yarn.lock

* fix: modifying import

* yarn-lock

* package.json

* feat: adding padding and remove paddings

* feat: adding 'div'
---
 src/components/SearchMap/index.tsx | 2 ++
 src/templates/Footer/style.ts      | 5 ++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/SearchMap/index.tsx b/src/components/SearchMap/index.tsx
index f06a212..95c326a 100644
--- a/src/components/SearchMap/index.tsx
+++ b/src/components/SearchMap/index.tsx
@@ -31,12 +31,14 @@ export const SearchMap = ({ longitude, latitude }: SearchMapProps) => {
   }, [longitude, latitude]);
 
   return (
+    <div>
       <Map
         mapLib={import("mapbox-gl")}
         initialViewState={{ ...viewPort }}
         style={{ width: screenWidth, height: 420}}
         mapStyle="mapbox://styles/mapbox/streets-v10"
         mapboxAccessToken={import.meta.env.VITE_MAPBOX_TOKEN} />
+    </div>
   );
 };
 
diff --git a/src/templates/Footer/style.ts b/src/templates/Footer/style.ts
index b119d87..1d35ac5 100644
--- a/src/templates/Footer/style.ts
+++ b/src/templates/Footer/style.ts
@@ -9,8 +9,7 @@ export const FooterComponent = styled.footer`
 export const FooterTopComponent = styled.div`
   border-bottom: 1px #6B6B6B solid;
   justify-content: space-between;
-  padding-bottom: 0.5rem;
-  padding: 0rem 0.5rem;
+  padding: 1rem 0.5rem;
   display: flex;
 `;
 
@@ -29,7 +28,7 @@ export const Icons = styled.img`
 `
 
 export const FooterBottomComponent = styled.div`
-  padding-top: 0.5rem;
+  padding: 1rem 0rem;
   text-align: center;
   color: #FFFFFF;
 `;