From 447de790eed067b40241595e57b64bed42070502 Mon Sep 17 00:00:00 2001
From: afeynaud <alexandre.feynaud@zenika.com>
Date: Mon, 9 Mar 2026 12:34:02 +0100
Subject: [PATCH 1/2] feat add skill with plus button, pointer cursor on
 actions

---
 .../organisms/HomePanel/HomePanel.tsx         | 28 +++++++++++++++----
 .../organisms/charts/scatter/ScatterChart.tsx |  1 +
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/components/organisms/HomePanel/HomePanel.tsx b/src/components/organisms/HomePanel/HomePanel.tsx
index ad1c5a27..d537a38f 100644
--- a/src/components/organisms/HomePanel/HomePanel.tsx
+++ b/src/components/organisms/HomePanel/HomePanel.tsx
@@ -158,6 +158,14 @@ const HomePanel = ({
                                             style={{ width: 48, height: 48 }}
                                         ></div>
                                     ) : (
+                                    <Link
+                                        href={{
+                                            pathname: `/skills/${context}/${name}`,
+                                            query: !data.length &&
+                                                context === 'mine' && { add: true },
+                                        }}
+                                        className={`flex flex-auto flex-row justify-center w-4/5 cursor-pointer`}
+                                    >
                                         <Image
                                             src={`/icons/${
                                                 darkMode ? 'dark' : 'light'
@@ -166,6 +174,7 @@ const HomePanel = ({
                                             width="48"
                                             height="48"
                                         />
+                                    </Link>
                                     )}
                                 </div>
                             )}
@@ -224,11 +233,20 @@ const HomePanel = ({
                                 </div>
                             ) : (
                                 <div className="flex flex-auto flex-row justify-center py-4 px-2 order-6 h-1/3">
-                                    <p className="text-center">
-                                        {context !== 'mine'
-                                            ? t('home.noSkill')
-                                            : t('home.addSkill')}
-                                    </p>
+                                    <Link
+                                        href={{
+                                            pathname: `/skills/${context}/${name}`,
+                                            query: !data.length &&
+                                                context === 'mine' && { add: true },
+                                        }}
+                                        className={`cursor-pointer`}
+                                    >
+                                        <p className="text-center">
+                                            {context !== 'mine'
+                                                ? t('home.noSkill')
+                                                : t('home.addSkill')}
+                                        </p>
+                                    </Link>
                                 </div>
                             )}
                             <div
diff --git a/src/components/organisms/charts/scatter/ScatterChart.tsx b/src/components/organisms/charts/scatter/ScatterChart.tsx
index 23877b8b..5cc2611b 100644
--- a/src/components/organisms/charts/scatter/ScatterChart.tsx
+++ b/src/components/organisms/charts/scatter/ScatterChart.tsx
@@ -71,6 +71,7 @@ const SkillzScatterChart = ({
                     bottom: 20,
                     left: 20,
                 }}
+                style={{ cursor: "pointer" }}
             >
                 <CartesianGrid strokeDasharray="4 4" stroke={'#666'} />
                 <XAxis

From 3598909737d0167216efd6833d91bb43d7658af4 Mon Sep 17 00:00:00 2001
From: afeynaud <alexandre.feynaud@zenika.com>
Date: Tue, 10 Mar 2026 10:46:26 +0100
Subject: [PATCH 2/2] prettier add skill plus button area

---
 .../organisms/HomePanel/HomePanel.tsx         | 40 ++++++++++---------
 .../organisms/charts/scatter/ScatterChart.tsx |  2 +-
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/components/organisms/HomePanel/HomePanel.tsx b/src/components/organisms/HomePanel/HomePanel.tsx
index d537a38f..b1083616 100644
--- a/src/components/organisms/HomePanel/HomePanel.tsx
+++ b/src/components/organisms/HomePanel/HomePanel.tsx
@@ -158,23 +158,25 @@ const HomePanel = ({
                                             style={{ width: 48, height: 48 }}
                                         ></div>
                                     ) : (
-                                    <Link
-                                        href={{
-                                            pathname: `/skills/${context}/${name}`,
-                                            query: !data.length &&
-                                                context === 'mine' && { add: true },
-                                        }}
-                                        className={`flex flex-auto flex-row justify-center w-4/5 cursor-pointer`}
-                                    >
-                                        <Image
-                                            src={`/icons/${
-                                                darkMode ? 'dark' : 'light'
-                                            }/add-skill.svg`}
-                                            alt={'add'}
-                                            width="48"
-                                            height="48"
-                                        />
-                                    </Link>
+                                        <Link
+                                            href={{
+                                                pathname: `/skills/${context}/${name}`,
+                                                query: !data.length &&
+                                                    context === 'mine' && {
+                                                        add: true,
+                                                    },
+                                            }}
+                                            className={`flex flex-auto flex-row justify-center w-4/5 cursor-pointer`}
+                                        >
+                                            <Image
+                                                src={`/icons/${
+                                                    darkMode ? 'dark' : 'light'
+                                                }/add-skill.svg`}
+                                                alt={'add'}
+                                                width="48"
+                                                height="48"
+                                            />
+                                        </Link>
                                     )}
                                 </div>
                             )}
@@ -237,7 +239,9 @@ const HomePanel = ({
                                         href={{
                                             pathname: `/skills/${context}/${name}`,
                                             query: !data.length &&
-                                                context === 'mine' && { add: true },
+                                                context === 'mine' && {
+                                                    add: true,
+                                                },
                                         }}
                                         className={`cursor-pointer`}
                                     >
diff --git a/src/components/organisms/charts/scatter/ScatterChart.tsx b/src/components/organisms/charts/scatter/ScatterChart.tsx
index 5cc2611b..916d9431 100644
--- a/src/components/organisms/charts/scatter/ScatterChart.tsx
+++ b/src/components/organisms/charts/scatter/ScatterChart.tsx
@@ -71,7 +71,7 @@ const SkillzScatterChart = ({
                     bottom: 20,
                     left: 20,
                 }}
-                style={{ cursor: "pointer" }}
+                style={{ cursor: 'pointer' }}
             >
                 <CartesianGrid strokeDasharray="4 4" stroke={'#666'} />
                 <XAxis