Fix FAQ icon

opengento · Feb 2, 2025 · f24386c · f24386c
1 parent 6b15f45
commit f24386c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 18 deletions.
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
@@ -29,7 +29,7 @@ export default function Page() {
           {t('faq:description')}
         </Typography>
       </ContentMedia>
-      <div className="bg-white rounded-3xl p-8">
+      <div className="bg-white rounded-3xl p-4 md:p-8">
         <Typography
           variant="h2"
           color="dark"

diff --git a/src/components/Faq/Faq.tsx b/src/components/Faq/Faq.tsx
@@ -9,9 +9,10 @@ import {
   FaStar,
   FaTicketAlt,
   FaUser,
+  FaTshirt
 } from "react-icons/fa"
 import Typography from "@/components/Typography/Typography";
-import {FaShirt} from "react-icons/fa6";
+import { IoIosArrowDown } from "react-icons/io";
 
 const Faq = ({
   display = 'list',
@@ -69,7 +70,7 @@ const Faq = ({
     },
     {
       question: "Y aura-t-il un vestiaire sur place ?",
-      icon: <FaShirt color="#FF7DD1" size={16}/>,
+      icon: <FaTshirt color="#FF7DD1" size={16}/>,
       answer: "Oui."
     },
   ];
@@ -94,21 +95,9 @@ const Faq = ({
                 {faq.question}
               </Typography>
             </div>
-            <svg
-              className={`text-black bg-white p-1 rounded-full w-6 h-6 transform transition-transform ${
-                openIndex === index ? "rotate-180" : ""
-              }`}
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M19 9l-7 7-7-7"
-              />
-            </svg>
+            <IoIosArrowDown className= {`flex-shrink-0 text-black bg-white p-1 rounded-full w-6 h-6 transform transition-transform ${
+              openIndex === index ? "rotate-180" : ""
+            }`}/>
           </div>
           {openIndex === index && (
             <div className="mt-2 pl-8">