From cca2646bcbb71097c28f9bdcc449f4dc25b29314 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=A9douard=20wautier?=
 <edouardwautier@MacBook-Pro-de-edouard.local>
Date: Tue, 31 Oct 2023 17:59:42 +0100
Subject: [PATCH] Fixing names

---
 front/components/home/contentComponents.tsx | 13 ++++---------
 front/pages/index.tsx                       | 20 ++++++++++----------
 2 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/front/components/home/contentComponents.tsx b/front/components/home/contentComponents.tsx
index 6d215309ef24..d3276b857571 100644
--- a/front/components/home/contentComponents.tsx
+++ b/front/components/home/contentComponents.tsx
@@ -71,24 +71,19 @@ interface PProps {
   children: ReactNode;
   className?: string;
   size?: "xs" | "sm" | "md" | "lg";
-  borderCSS?: string;
+  dotCSS?: string;
 }
 
 export const P = ({
   children,
-  borderCSS = "",
+  dotCSS = "",
   className = "",
   size = "md",
 }: PProps) => {
-  if (borderCSS) {
+  if (dotCSS) {
     return (
       <div className={classNames(className, "flex gap-4")}>
-        <div
-          className={classNames(
-            borderCSS,
-            "mt-0.5 h-6 w-3 flex-shrink-0 bg-emerald-400"
-          )}
-        />
+        <div className={classNames(dotCSS, "mt-0.5 h-6 w-3 flex-shrink-0")} />
         <p className={classNames(pClasses[size])}>{children}</p>
       </div>
     );
diff --git a/front/pages/index.tsx b/front/pages/index.tsx
index 463ce3bbb776..420f2e9fdf8d 100644
--- a/front/pages/index.tsx
+++ b/front/pages/index.tsx
@@ -289,7 +289,7 @@ export default function Home({
                 "2xl:col-span-3"
               )}
             >
-              <P borderCSS="bg-sky-400">
+              <P dotCSS="bg-sky-400">
                 Deploy <Strong>the best Large Language Models</Strong> to&nbsp;
                 <Strong>all&nbsp;your&nbsp;company</Strong>,
                 <br className="hidden sm:block" />
@@ -297,7 +297,7 @@ export default function Home({
               </P>
             </div>
             <P
-              borderCSS="bg-amber-300"
+              dotCSS="bg-amber-300"
               className={classNames(
                 "col-span-9 col-start-4",
                 "sm:col-span-6 sm:col-start-auto",
@@ -311,7 +311,7 @@ export default function Home({
               with&nbsp;context&#8209;aware assistants.
             </P>
             <P
-              borderCSS="bg-red-400"
+              dotCSS="bg-red-400"
               className={classNames(
                 "col-span-9",
                 "sm:col-span-6",
@@ -325,7 +325,7 @@ export default function Home({
               concrete use&nbsp;cases.
             </P>
             <P
-              borderCSS="bg-emerald-400"
+              dotCSS="bg-emerald-400"
               className={classNames(
                 "col-span-9 col-start-4",
                 "sm:col-span-6 sm:col-start-auto",
@@ -379,7 +379,7 @@ export default function Home({
             </ReactiveImg>
 
             <P
-              borderCSS="bg-sky-400"
+              dotCSS="bg-sky-400"
               className={classNames(
                 "order-2 col-span-12",
                 "sm:col-span-6 sm:self-center",
@@ -423,7 +423,7 @@ export default function Home({
               </ReactiveIcon>
             </div>
             <P
-              borderCSS="bg-sky-400"
+              dotCSS="bg-sky-400"
               className={classNames(
                 "order-4 col-span-12",
                 "sm:col-span-6 sm:self-center",
@@ -465,7 +465,7 @@ export default function Home({
               </ReactiveIcon>
             </div>
             <P
-              borderCSS="bg-sky-400"
+              dotCSS="bg-sky-400"
               className={classNames(
                 "order-6 col-span-12",
                 "sm:order-5 sm:col-span-6 sm:self-center",
@@ -545,7 +545,7 @@ export default function Home({
             </ReactiveImg>
 
             <P
-              borderCSS="bg-amber-300"
+              dotCSS="bg-amber-300"
               className={classNames(
                 "order-3",
                 "col-span-12",
@@ -562,7 +562,7 @@ export default function Home({
             </P>
 
             <P
-              borderCSS="bg-amber-300"
+              dotCSS="bg-amber-300"
               className={classNames(
                 "order-4",
                 "col-span-12",
@@ -579,7 +579,7 @@ export default function Home({
               <Strong>our&nbsp;Slackbot&nbsp;integration</Strong>.
             </P>
             <P
-              borderCSS="bg-amber-300"
+              dotCSS="bg-amber-300"
               className={classNames(
                 "order-5",
                 "col-span-12",