From 5ffab5e7321a184c0b23a045e091278bb17c9fb5 Mon Sep 17 00:00:00 2001
From: kevin Gutierrez <kevin.gutierrez@magnotechnology.com>
Date: Sun, 8 Aug 2021 11:28:06 -0500
Subject: [PATCH] uptate ListExperienceWork

---
 .firebase/hosting.YnVpbGQ.cache              | 65 +++++++++-----------
 src/Hooks/useImage.js                        |  2 +-
 src/components/ListExperienceWork/index.js   |  1 -
 src/components/ListExperienceWork/styles.css | 16 ++---
 src/components/procesLine/index.js           | 13 ++--
 5 files changed, 45 insertions(+), 52 deletions(-)

diff --git a/.firebase/hosting.YnVpbGQ.cache b/.firebase/hosting.YnVpbGQ.cache
index 6818530..d81406d 100644
--- a/.firebase/hosting.YnVpbGQ.cache
+++ b/.firebase/hosting.YnVpbGQ.cache
@@ -1,35 +1,30 @@
-code.png,1616359134429,061545dad05066abb9de8d1490e1e8703d4a4be76aed360d07304f0aa6f78074
-favicon.ico,1616359167654,22f7fd46dd17fff1e312b78370c6777faeb9a9d13a8c6b0052e0211f0a530375
-logo192.png,1616220351188,3efcc8593f5f98987694e15915447957fe7bd83787ff6465c6e91219bd40e7b2
-logo512.png,1616220316945,894c5add3f523214ce6ff32fe8dab2036d01a83c243efe44e0c760b3aaac4496
-manifest.json,499162500000,aff3449bdc238776f5d6d967f19ec491b36aed5fb7f23ccff6500736fd58494a
-robots.txt,499162500000,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49
-SteamSetup.exe,1616378999884,9e13697a9bfe4283dba4a003dd7be519dc0d7ffc5659f81a6cc20134d146269d
-asset-manifest.json,1619455086689,5b7583bd022557c0fd8fc467ef688f1cfd8c1bd17a744eb32e8583b3726f4337
-index.html,1619455086686,7e30558f06de841388ebd7eb2c828697756e58b632b0036005432d6878a59086
-static/css/2.86a5f087.chunk.css,1619455086689,02e09191a17ca6f448a379a83c6389adc6fbfedc8a8537a594f11d30d4d8ba5e
-static/css/2.86a5f087.chunk.css.map,1619455086690,4a639abfc5453d60d2bfb9beb06b59e63faf9c9e1d5cc1de560aa2a87eb0e9db
-static/css/main.777a1304.chunk.css,1619455086683,9eb68b142249271f5f82e86e3b1a074631ed53a67af7fbea0f25cafccc3f0b2f
-static/css/main.777a1304.chunk.css.map,1619455086689,f9e577d23d84cad086d6d55224f3cb45e288aa10a41657bcfd14e373a97aebd3
-static/js/2.38dc6e21.chunk.js.LICENSE.txt,1619455086690,8a08d6c8c0024ba11449cc7f061e67427fd2717f500245b22c56fb9f3b525335
-static/js/runtime-main.06b5035f.js,1619455086689,76334229797680a59569f168769dfd59a512bd773c273d62f3352ed0c65c6d4b
-static/js/main.f6039853.chunk.js,1619455086685,2a0eb8a3eaccd65b939ab409ee59b14a1662d5514521773ca129b56aae70450d
-static/js/runtime-main.06b5035f.js.map,1619455086690,a73f5672de7f27bbd34a8c8f2350d2bf8fd9c0c5adf4b80d95ed63cdd6bd8418
-static/js/main.f6039853.chunk.js.map,1619455086690,0a9402922ac33f2e49d0f30a9358a89cda5fd69977af4884d1b2817dc1048683
-static/media/roboto-cyrillic-400-normal.3605d18d.woff2,1619455086680,be3b5fe5f394dbfd0dadffe05a0f4e4cccc31a5caf44d966b84b752d6096a07e
-static/media/roboto-cyrillic-ext-400-normal.dd55ea0a.woff2,1619455086676,3d42f08d89a26c99edbdd4933ed49962a8affd0bb33dc874d148d1e745e7fa1f
-static/media/roboto-greek-400-normal.352cc77a.woff2,1619455086680,11bf2c29acabfea6b3ee5b731f7c31df43faa585be556c6bd3e23f93dee4403e
-static/media/roboto-greek-ext-400-normal.bc7ace6e.woff2,1619455086680,7196a885bd3d609ccb3895d05c108f22c36760638aecc4f09feaf37d12577468
-static/media/roboto-latin-ext-400-normal.dcc07bcf.woff2,1619455086680,c89213b3bcd21e368b330cabbca887024d2ac6ab88e1cb211aefd4fc8736b633
-static/media/roboto-vietnamese-400-normal.52cebac0.woff2,1619455086680,36266a116330efbc4b3ee52d6061c0f37d7101a55f7a0b613096412e50aa121c
-static/media/roboto-latin-400-normal.176f8f5b.woff2,1619455086680,1596ae174c081773f1166bb0f34344564390a8ea01d7e4e5bbae6dc0f4af851c
-static/media/appthree.227339de.svg,1619455086681,702db4dfb9f705dcb782b755cfbaad8029a162c16413370a20ee03ef640e6ef5
-static/media/roboto-all-400-normal.b5a0a0df.woff,1619455086680,636f3ea5f4b9d5d0731a796f609cd10be426891bcc1406c964d566e083f99827
-static/media/appfor.a0056650.svg,1619455086681,16ee51f228540a1e88b7a05e9479afd0321908ed8f347549c38e502ceba570ae
-static/media/avatar.4a452849.jfif,1619455086682,7ff62c8df3aa0337f9ff87b7cbeed30d9259de9d0433d796aef2b4639a98138f
-static/js/2.38dc6e21.chunk.js,1619455086690,3226e17116c0425042e2e9f5166e88fbe62372e82b59997b9bbddd688df8f949
-static/media/apptwo.d86ee690.svg,1619455086681,c08c493a932f64197406f0cf138658aa10d3e3222395234e4736985761b8be98
-static/media/appfive.67bcaedb.svg,1619455086683,77c79c7d323478ed77ed214d7777304aea4580fde00961de523fa02d17a7a374
-static/media/app.ab9c7040.svg,1619455086682,578fec7197fb4049686bac7c5deedcebba41bce17c3fc89d2c411d33bce2f6ba
-static/media/appsix.a24f6fe1.svg,1619455086682,0335c3dbc25e5c99ec5a1f0dd849d824db07027e91ee2b380fd4dd7458740c5e
-static/js/2.38dc6e21.chunk.js.map,1619455086701,cc56c01c75443f64e478e438adc70242e7af4ff233dad20f59b27f2dea3e7311
+asset-manifest.json,1628384420761,c4b165ccbbf98d0b7cb9a80b024f88f4f02182a2eb15e85a667d757ca58e9a3e
+index.html,1628384420761,4d1f05d4c5dd1449e62d41a092acb8fdb2e54ad65983b46d3ff2e16baf786870
+manifest.json,1622945308036,5c997de1364b8be939319fa9209abd77f2caf7f8844999a9e2e9173f844e7840
+robots.txt,1622945308037,b2090cf9761ef60aa06e4fab97679bd43dfa5e5df073701ead5879d7c68f1ec5
+favicon.ico,1622945308026,22f7fd46dd17fff1e312b78370c6777faeb9a9d13a8c6b0052e0211f0a530375
+static/css/2.86a5f087.chunk.css,1628384420747,02e09191a17ca6f448a379a83c6389adc6fbfedc8a8537a594f11d30d4d8ba5e
+static/css/2.86a5f087.chunk.css.map,1628384420762,4a639abfc5453d60d2bfb9beb06b59e63faf9c9e1d5cc1de560aa2a87eb0e9db
+static/css/main.849c44e5.chunk.css,1628384420746,ddfc31a7d1b02814a9f52f57d8c031da4bbe03b32ab9ab66d72bc6c03a8fc527
+static/css/main.849c44e5.chunk.css.map,1628384420749,45152b0e48e789edfddfb98493cbfc15787194ab85dd7e0614c0bbf05e698f8d
+static/js/2.81c478ca.chunk.js.LICENSE.txt,1628384420749,8a08d6c8c0024ba11449cc7f061e67427fd2717f500245b22c56fb9f3b525335
+static/js/main.75cc3459.chunk.js,1628384420745,89603f9183b6a01714ec4e3ba36d3563f3447e1a8c4926f319236f798ec51b1c
+static/js/runtime-main.06b5035f.js,1628384420747,76334229797680a59569f168769dfd59a512bd773c273d62f3352ed0c65c6d4b
+static/js/main.75cc3459.chunk.js.map,1628384420775,19e222f66f20cc23ca5e4adf1cb6edb5fde3b9742039d16bdf3e17d9c66a0811
+static/js/runtime-main.06b5035f.js.map,1628384420776,a73f5672de7f27bbd34a8c8f2350d2bf8fd9c0c5adf4b80d95ed63cdd6bd8418
+static/media/roboto-cyrillic-400-normal.3605d18d.woff2,1628384420746,be3b5fe5f394dbfd0dadffe05a0f4e4cccc31a5caf44d966b84b752d6096a07e
+static/media/roboto-cyrillic-ext-400-normal.dd55ea0a.woff2,1628384420740,3d42f08d89a26c99edbdd4933ed49962a8affd0bb33dc874d148d1e745e7fa1f
+static/media/roboto-greek-400-normal.352cc77a.woff2,1628384420746,11bf2c29acabfea6b3ee5b731f7c31df43faa585be556c6bd3e23f93dee4403e
+static/media/roboto-greek-ext-400-normal.bc7ace6e.woff2,1628384420746,7196a885bd3d609ccb3895d05c108f22c36760638aecc4f09feaf37d12577468
+static/media/roboto-latin-400-normal.176f8f5b.woff2,1628384420747,1596ae174c081773f1166bb0f34344564390a8ea01d7e4e5bbae6dc0f4af851c
+static/media/roboto-latin-ext-400-normal.dcc07bcf.woff2,1628384420746,c89213b3bcd21e368b330cabbca887024d2ac6ab88e1cb211aefd4fc8736b633
+static/media/roboto-vietnamese-400-normal.52cebac0.woff2,1628384420747,36266a116330efbc4b3ee52d6061c0f37d7101a55f7a0b613096412e50aa121c
+code.png,1622945308025,061545dad05066abb9de8d1490e1e8703d4a4be76aed360d07304f0aa6f78074
+logo192.png,1622945308034,3efcc8593f5f98987694e15915447957fe7bd83787ff6465c6e91219bd40e7b2
+logo512.png,1622945308036,894c5add3f523214ce6ff32fe8dab2036d01a83c243efe44e0c760b3aaac4496
+static/media/roboto-all-400-normal.b5a0a0df.woff,1628384420746,636f3ea5f4b9d5d0731a796f609cd10be426891bcc1406c964d566e083f99827
+web.png,1628379015793,5782028f7dc4f9d7022b6a329e87c6529dba50296b09136539c7f85ca01ea5cd
+tlaxdev.png,1628379075201,8697cd96f74a5f18f64e09ffd6df1b7840ef2a891687dc58c1aa87a221180cb6
+static/js/2.81c478ca.chunk.js,1628384420748,2e40c1ea9b116ef51b20af63954e8bf3bc7366e5fdf5e40f383c79ae44af9b53
+SteamSetup.exe,1622945308024,9e13697a9bfe4283dba4a003dd7be519dc0d7ffc5659f81a6cc20134d146269d
+static/js/2.81c478ca.chunk.js.map,1628384420777,e62ad27ccf615d7e7fc03486413089592ea00b30a79d6ba04a43d1cd44f569a6
diff --git a/src/Hooks/useImage.js b/src/Hooks/useImage.js
index 2db4df5..0d543f1 100644
--- a/src/Hooks/useImage.js
+++ b/src/Hooks/useImage.js
@@ -12,7 +12,7 @@ const useImage = ({ urlImg }) => {
             setImg(imageObjectURL);
             console.log(`This is img ${imageObjectURL}`)
         })
-    }, [])
+    }, [urlImg])
 
     return {
         img:img
diff --git a/src/components/ListExperienceWork/index.js b/src/components/ListExperienceWork/index.js
index 5d8ca9f..b10e7b8 100644
--- a/src/components/ListExperienceWork/index.js
+++ b/src/components/ListExperienceWork/index.js
@@ -1,4 +1,3 @@
-
 import './styles.css';
 
 const ListExperience = () => {
diff --git a/src/components/ListExperienceWork/styles.css b/src/components/ListExperienceWork/styles.css
index 811f3ba..2c129e4 100644
--- a/src/components/ListExperienceWork/styles.css
+++ b/src/components/ListExperienceWork/styles.css
@@ -11,19 +11,19 @@
 
 .item-experience{
     background: linear-gradient(533deg,#f50057c2, #01162c75);
-    display: flex;
-    padding: 20px;
-    cursor: default;
     width: 100%;
-    justify-content: space-around;
-    align-items: center;
-    gap: 5px;
-    border-radius: 20px;
     max-width: 340px;
-    font-family: 'Roboto';
+    display: grid;
+    grid-template-columns: 40px 2fr;
+    grid-gap: 10px;
+    align-items: center;
+    padding: 20px;
+    cursor: default;
     color: #fff;
+    font-family: 'Roboto';
     font-weight: 500;
     font-size: 16px;
+    border-radius: 20px;
 }
 .item-experience img{
     opacity: 2;
diff --git a/src/components/procesLine/index.js b/src/components/procesLine/index.js
index 29ddd1c..0ff79ad 100644
--- a/src/components/procesLine/index.js
+++ b/src/components/procesLine/index.js
@@ -21,15 +21,15 @@ const useStyles = makeStyles((theme) => ({
     },
 }));
 
-export default function CustomizedTimeline({title}) {
+export default function CustomizedTimeline({ title }) {
     const classes = useStyles();
 
     return (
-        <div style={{ margin: '30px auto',maxWidth:'1440px', minHeight:'500px'}}>
+        <div style={{ margin: '30px auto', maxWidth: '1440px', minHeight: '500px' }}>
             <Typography variant="h4" display='block' color='Secondary' gutterBottom>
                 {title}
             </Typography>
-            <div style={{marginTop:'80px'}}/>
+            <div style={{ marginTop: '80px' }} />
 
             <Timeline align="alternate">
                 <TimelineItem>
@@ -46,7 +46,7 @@ export default function CustomizedTimeline({title}) {
                             <Typography variant="h6" component="h1">
                                 Contactame
                             </Typography>
-                            <Typography>Por: <a href='https://api.whatsapp.com/send?phone=522463620177&text=Qu%C3%A9%20tal%20me%20interesa%20tu%20trabajo%20cu%C3%A9ntame%20m%C3%A1s...%20'>whatsApp</a>, <a href='mailto:kevingutierrez6595@gmail.com'>email</a>,  <a href='https://www.linkedin.com/in/kevin-gutierrez-3679181b5/'>linkedin</a></Typography>
+                            <Typography>Por: <a href='mailto:kevingutierrez6595@gmail.com' rel="noreferrer" target="_blank">Email</a> y <a href='https://www.linkedin.com/in/kevin-gutierrez-3679181b5/' rel="noreferrer" target="_blank">Linkedin</a></Typography>
                         </Paper>
                     </TimelineContent>
                 </TimelineItem>
@@ -64,7 +64,7 @@ export default function CustomizedTimeline({title}) {
                             <Typography variant="h6" component="h1">
                                 Vamos al codigo
                             </Typography>
-                            <Typography>Trabajaremos en conjunto hasta encontrar la mejor solución para tus clientes</Typography>
+                            <Typography>Trabajaremos en conjunto hasta encontrar la mejor solución</Typography>
                         </Paper>
                     </TimelineContent>
                 </TimelineItem>
@@ -78,8 +78,7 @@ export default function CustomizedTimeline({title}) {
                         <Paper elevation={3} className={classes.paper}>
                             <Typography variant="h6" component="h1">
                                 Listo
-                           </Typography>
-                            <Typography>Recomiendame!</Typography>
+                            </Typography>
                         </Paper>
                     </TimelineContent>
                 </TimelineItem>