changed API key

Author: pablo-marrero

src/Components/Loguin/Form.css

@@ -6,4 +6,21 @@
     width:50%;
     height:auto;
     margin: auto;
+}
+
+@media(max-width:650px){
+    .formu{
+        width:60%;
+    }   
+}
+@media(max-width:480px){
+    .formu{
+        width:70%;
+    }   
+}
+
+@media(max-width:375px){
+    .formu{
+        width:84%;
+    }   
 }

src/Components/Loguin/Register.jsx

@@ -12,7 +12,7 @@ export const Register = () => {
         password:""
     })
     const navigate = useNavigate()
-    const { signup } = useAuth()
+    const { signup, loginWithGoogle } = useAuth()
 
     const handelChange = (e)=>{
         setRegister({
@@ -36,6 +36,17 @@ export const Register = () => {
       navigate("/login")
     }
 
+    const handelLoguinGoogle = async (e)=>{
+      e.preventDefault()
+      try {
+        await loginWithGoogle()
+        navigate("/")
+      } catch (error) {
+        console.log(error)
+      }
+      
+    }
+
   return (
      <div className='container-form d-flex flex-column justify-content-center align-content-center'>
      <Form className="formu border p-4" onSubmit={handelSubmit}>
@@ -60,6 +71,11 @@ export const Register = () => {
                 I have account
             </Button>
         </div>
+        <div className='d-flex justify-content-center mt-4'>
+        <Button variant="primary" type="submit" onClick={handelLoguinGoogle}>
+            Loguin with Google 
+        </Button>
+        </div>
    </Form>
    </div>
   )

src/Components/Nav/Nav.jsx

@@ -24,7 +24,7 @@ export const Nav = () => {
      || (/(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]).){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]).){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))/)
     ){
         try {
-         clearDataIp(dispatch)
+          clearDataIp(dispatch)
           getData(dispatch,ipAddress)
         } catch (error) {
           console.log(error)

src/Components/SectionMap/SectionMap.jsx

@@ -15,6 +15,8 @@ export const SectionMap = () => {
 
   useEffect(()=>{
     if(state.dataIp){
+
+      console.log(state.dataIp)
       setLocation({
         lati:state.dataIp.location.lat,
         long:state.dataIp.location.lng

src/ContentReducer/Action/Action.js

@@ -1,11 +1,12 @@
 import { SEARCH_IP, CLEAR_IP } from "./ActionTypes"
 
-const apiKey = "at_XFilr7eiAJJP12CMGdWWV3D0X7OCA"
+
 export const getData = async(dispatch, ip)=>{
+    const apiKey = "at_XFilr7eiAJJP12CMGdWWV3D0X7OCA"
     let data
     try {
         let status
-        status = await fetch(`https://geo.ipify.org/api/v2/country,city?apiKey=${apiKey}&ipAddress${ip}`)
+        status = await fetch(`https://geo.ipify.org/api/v2/country,city?apiKey=at_XFilr7eiAJJP12CMGdWWV3D0X7OCA&ipAddress=${ip}`)
         .then(response => status = response.json())
         .then(response => data = response)
         if(!data.code){
@@ -19,7 +20,7 @@ export const getData = async(dispatch, ip)=>{
         }
         else{throw new Error(data.messages)}
     } catch (error) {
-        await fetch(`https://geo.ipify.org/api/v2/country,city?apiKey=${apiKey}&ipAddress=8.8.8.8`)
+        await fetch(`https://geo.ipify.org/api/v2/country,city?apiKey=at_XFilr7eiAJJP12CMGdWWV3D0X7OCA&ipAddress=8.8.8.8`)
         .then(response =>  response.json())
         .then(response => data = response)
         if(!data.code){