feat(admin): use flex-row and flex-wrap to render formacodes of certi…

…fication
SocialGouv · Nov 15, 2024 · aab5f5c · aab5f5c
1 parent a14a438
commit aab5f5c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 10 deletions.
diff --git a/packages/reva-admin-react/src/app/(admin)/certifications-v2/[certificationId]/page.tsx b/packages/reva-admin-react/src/app/(admin)/certifications-v2/[certificationId]/page.tsx
@@ -77,11 +77,16 @@ const PageContent = ({
               {certification.domains.map((domain) => (
                 <div key={domain.id} className="flex flex-col gap-2">
                   <div>{domain.label}</div>
-                  {domain.children.map((subDomain) => (
-                    <Tag key={subDomain.id}>
-                      {`${subDomain.code} ${subDomain.label}`}
-                    </Tag>
-                  ))}
+                  <div
+                    key={domain.id}
+                    className="flex flex-row flex-wrap gap-2"
+                  >
+                    {domain.children.map((subDomain) => (
+                      <Tag key={subDomain.id}>
+                        {`${subDomain.code} ${subDomain.label}`}
+                      </Tag>
+                    ))}
+                  </div>
                 </div>
               ))}
             </div>

diff --git a/...reva-admin-react/src/app/(admin)/certifications-v2/add-certification/description/page.tsx b/...reva-admin-react/src/app/(admin)/certifications-v2/add-certification/description/page.tsx
@@ -131,11 +131,16 @@ export default function CertificationDescriptionPage() {
                 {certification.DOMAINS.map((domain) => (
                   <div key={domain.id} className="flex flex-col gap-2">
                     <div>{domain.label}</div>
-                    {domain.children.map((subDomain) => (
-                      <Tag key={subDomain.id}>
-                        {`${subDomain.code} ${subDomain.label}`}
-                      </Tag>
-                    ))}
+                    <div
+                      key={domain.id}
+                      className="flex flex-row flex-wrap gap-2"
+                    >
+                      {domain.children.map((subDomain) => (
+                        <Tag key={subDomain.id}>
+                          {`${subDomain.code} ${subDomain.label}`}
+                        </Tag>
+                      ))}
+                    </div>
                   </div>
                 ))}
               </div>