fix: Add Link import and update link URL

SocialGouv · Mar 7, 2024 · af90d9b · af90d9b
1 parent 5e44b99
commit af90d9b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/frontend-next/src/components/hero-banner.tsx b/frontend-next/src/components/hero-banner.tsx
@@ -13,6 +13,7 @@ import { AppStoreLink } from './AppStoreLink';
 import { GoogleStoreLink } from './GoogleStoreLink';
 import { MatomoService } from '@/services/matomo';
 import qrCode from '@/images/qr-code.svg';
+import Link from 'next/link';
 
 function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {
   let id = useId();
@@ -98,7 +99,7 @@ export function Hero() {
                   className='animate-pulse'
                 />
               </div>
-              <div className='  flex flex-col  justify-center mx-auto items-start'>
+              <div className='flex flex-col  justify-center mx-auto items-start'>
                 <p className='text-md text-app-primary '>
                   Scannez ici
                   <br /> pour télécharger l'application.
@@ -150,14 +151,14 @@ export function Hero() {
               Les recommandations sont issues de sources fiables et validés par
               le Haut conseil de santé publique et Santé publique France.
             </p>
-            <a
+            <Link
               onClick={() => MatomoService.trackClick('go-to-web-version')}
-              href='https://frontend-recosante-preprod.dev.fabrique.social.gouv.fr'
+              href='/'
               target='_blank'
               className='border-b text-center text-sm  text-gray-500 lg:text-left '
             >
               Accéder à la version web
-            </a>
+            </Link>
           </div>
         </div>
       </Container>

diff --git a/frontend/src/components/layout/embed/Code.js b/frontend/src/components/layout/embed/Code.js
@@ -41,11 +41,12 @@ export default function Code(props) {
   let location = useLocation();
   const { theme } = useContext(StyleContext);
   const [script, setScript] = useState("");
+  const URL = "www.recosante.beta.gouv.fr";
 
   useEffect(() => {
     setScript(
       `<script id="${props.id || "widget-recosante"}" src="${
-        window.location.origin
+        URL
       }/iframe.js" data-search="${
         props.typeShare === "result" ? location.pathname.substring(1) : ""
       }?theme=${theme}"></script>`

diff --git a/frontend/src/components/widget/Code.js b/frontend/src/components/widget/Code.js
@@ -38,6 +38,8 @@ const Text = styled.textarea`
   cursor: copy;
 `;
 
+
+const URL = "www.recosante.beta.gouv.fr";
 export default function Code(props) {
   let location = useLocation();
   const { theme } = useContext(StyleContext);
@@ -47,7 +49,7 @@ export default function Code(props) {
   useEffect(() => {
     setScript(
       `<script id="widget-recosante" src="${
-        window.location.origin
+        URL
       }/iframe.js" data-search="${
         props.defaultPlace
           ? formatPlaceUrl(props.defaultPlace).substring(1)