M app/public/index.html → app/public/index.html

@@ -14,7 +14,6 @@ content="Covoiturez à un événement en proposant une voiture ou en prenant une place."
     />
     <title>Caroster - Covoiturage de groupe</title>
 
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link
       rel="stylesheet"
       href="https://fonts.googleapis.com/icon?family=Material+Icons"

M app/src/components/Logo/index.js → app/src/components/Logo/index.js

@@ -1,16 +1,13 @@ 
 import React from 'react';
 import {makeStyles} from '@material-ui/core/styles';
-
-import LogoUrl from '../../assets/logo.png';
-
-const LOGO_URL = 'https://caroster.io';
+import logo from '../../assets/logo.png';
 
 const Logo = () => {
   const classes = useStyles();
   return (
     <div className={classes.layout}>
-      <a href={LOGO_URL} className={classes.link}>
-        <img src={LogoUrl} alt="Caroster" className={classes.logo} />
+      <a href="https://caroster.io" className={classes.link}>
+        <img src={logo} alt="Caroster" className={classes.logo} />
       </a>
     </div>
   );

M app/src/layouts/Helmet.js → app/src/layouts/Helmet.js

@@ -1,8 +1,11 @@ 
 import React from 'react';
 import {Helmet} from 'react-helmet';
 import {useTranslation} from 'react-i18next';
+
 const LayoutHelmet = ({title}) => {
   const {t} = useTranslation();
+  const imagePath = process.env.PUBLIC_URL + 'Caroster_Octree_Social.jpg';
+
   return (
     <Helmet>
       <meta property="og:site_name" content="Caroster" />
@@ -10,19 +13,20 @@ <meta property="og:title" content={title} />
       <meta property="og:url" content="https://app.caroster.io" />
       <meta property="og:type" content="website" />
       <meta property="og:description" content={t('meta.description')} />
-      <meta property="og:image" content="/Caroster_Octree_Social.jpg" />
+      <meta property="og:image" content={imagePath} />
       <meta property="og:image:width" content="1500" />
       <meta property="og:image:height" content="843" />
       <meta itemProp="name" content={title} />
       <meta itemProp="url" content="https://app.caroster.io" />
-      <meta itemProp="thumbnailUrl" content="/Caroster_Octree_Social.jpg" />
-      <link rel="image_src" href="/Caroster_Octree_Social.jpg" />
-      <meta itemProp="image" content="/Caroster_Octree_Social.jpg" />
+      <meta itemProp="thumbnailUrl" content={imagePath} />
+      <link rel="image_src" href={imagePath} />
+      <meta itemProp="image" content={imagePath} />
       <meta name="twitter:title" content={title} />
-      <meta name="twitter:image" content="/Caroster_Octree_Social.jpg" />
+      <meta name="twitter:image" content={imagePath} />
       <meta name="twitter:url" content="https://app.caroster.io" />
       <meta name="twitter:card" content="summary" />
       <meta name="twitter:description" content={t('meta.description')} />
+
       <meta name="description" content={t('meta.description')} />
       <title>{title}</title>
     </Helmet>