From 5ead18c94cf02adedcd6e9c9672f6a878ccf0e15 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 10 Feb 2025 15:20:07 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC(frontend)=20add=20lacking=20button?=
 =?UTF-8?q?s=20open=20source=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Some buttons were lacking in the open source
section of the home page. This commit adds them.
---
 .../src/features/home/assets/github.svg       | 26 +++++++++++++++++++
 .../features/home/components/HomeBottom.tsx   | 25 +++++++++++++++++-
 2 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 src/frontend/apps/impress/src/features/home/assets/github.svg

diff --git a/src/frontend/apps/impress/src/features/home/assets/github.svg b/src/frontend/apps/impress/src/features/home/assets/github.svg
new file mode 100644
index 00000000..7189d446
--- /dev/null
+++ b/src/frontend/apps/impress/src/features/home/assets/github.svg
@@ -0,0 +1,26 @@
+<svg
+  width="24"
+  height="25"
+  viewBox="0 0 24 25"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_7060_4428)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 0.0153809C5.37 0.0153809 0 5.38538 0 12.0154C0 17.3254 3.435 21.8104 8.205 23.4004C8.805 23.5054 9.03 23.1454 9.03 22.8304C9.03 22.5454 9.015 21.6004 9.015 20.5954C6 21.1504 5.22 19.8604 4.98 19.1854C4.845 18.8404 4.26 17.7754 3.75 17.4904C3.33 17.2654 2.73 16.7104 3.735 16.6954C4.68 16.6804 5.355 17.5654 5.58 17.9254C6.66 19.7404 8.385 19.2304 9.075 18.9154C9.18 18.1354 9.495 17.6104 9.84 17.3104C7.17 17.0104 4.38 15.9754 4.38 11.3854C4.38 10.0804 4.845 9.00038 5.61 8.16038C5.49 7.86038 5.07 6.63038 5.73 4.98038C5.73 4.98038 6.735 4.66538 9.03 6.21038C9.99 5.94038 11.01 5.80538 12.03 5.80538C13.05 5.80538 14.07 5.94038 15.03 6.21038C17.325 4.65038 18.33 4.98038 18.33 4.98038C18.99 6.63038 18.57 7.86038 18.45 8.16038C19.215 9.00038 19.68 10.0654 19.68 11.3854C19.68 15.9904 16.875 17.0104 14.205 17.3104C14.64 17.6854 15.015 18.4054 15.015 19.5304C15.015 21.1354 15 22.4254 15 22.8304C15 23.1454 15.225 23.5204 15.825 23.4004C20.565 21.8104 24 17.3104 24 12.0154C24 5.38538 18.63 0.0153809 12 0.0153809Z"
+      fill="currentColor"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_7060_4428">
+      <rect
+        width="24"
+        height="24"
+        fill="white"
+        transform="translate(0 0.0153809)"
+      />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/src/frontend/apps/impress/src/features/home/components/HomeBottom.tsx b/src/frontend/apps/impress/src/features/home/components/HomeBottom.tsx
index 7f2dbad9..e5cba926 100644
--- a/src/frontend/apps/impress/src/features/home/components/HomeBottom.tsx
+++ b/src/frontend/apps/impress/src/features/home/components/HomeBottom.tsx
@@ -1,3 +1,4 @@
+import { Button } from '@openfun/cunningham-react';
 import Image from 'next/image';
 import { Trans, useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
@@ -10,6 +11,7 @@ import { Title } from '@/features/header';
 import { useResponsiveStore } from '@/stores';
 
 import SC5 from '../assets/SC5.png';
+import GithubIcon from '../assets/github.svg';
 
 import { HomeSection } from './HomeSection';
 
@@ -72,7 +74,7 @@ function HomeOpenSource() {
           </Text>
           <Text as="p" $display="inline">
             <Trans t={t} i18nKey="home-content-open-source-part2">
-              You can easily self-host Docs (check our installation{' '}
+              You can easily self-hosted Docs (check our installation{' '}
               <a
                 href="https://github.com/suitenumerique/docs/tree/main/docs"
                 target="_blank"
@@ -114,6 +116,27 @@ function HomeOpenSource() {
               are interested in using or contributing to docs.
             </Trans>
           </Text>
+          <Box $direction="row" $gap="1rem" $margin={{ top: 'small' }}>
+            <Button
+              icon={
+                <Text $isMaterialIcon $color="white">
+                  chat
+                </Text>
+              }
+              href="https://matrix.to/#/#docs-official:matrix.org"
+              target="_blank"
+            >
+              <Text $color="white">Matrix</Text>
+            </Button>
+            <Button
+              color="secondary"
+              icon={<GithubIcon />}
+              href="https://github.com/suitenumerique/docs"
+              target="_blank"
+            >
+              Github
+            </Button>
+          </Box>
         </Box>
       }
     />