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

@@ -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>
   );
 };
 

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;
 `;