Projects list fixes

Vizzuality · Nov 14, 2023 · 6633e69 · 6633e69
1 parent 945351e
commit 6633e69
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/client/src/containers/map/index.tsx b/client/src/containers/map/index.tsx
@@ -97,9 +97,7 @@ export default function MapContainer({ id = "default" }: { id?: string }) {
         (f) => f.layer.source === "countries-source" || f.layer.source === "projects-source",
       );
 
-      if (COUNTRY_FEATURE) {
-        setCountry(COUNTRY_FEATURE?.properties?.iso3);
-      }
+      setCountry(COUNTRY_FEATURE?.properties?.iso3);
     }
   };
 

diff --git a/client/src/containers/projects/index.tsx b/client/src/containers/projects/index.tsx
@@ -20,7 +20,7 @@ const Projects = () => {
   });
 
   return (
-    <ul className="grid grid-cols-1 gap-2.5">
+    <ul className="grid grid-cols-1 gap-5 divide-y divide-gray-200">
       {projectsData?.data?.map((p) => {
         if (!p.id) return null;
 

diff --git a/client/src/containers/projects/item.tsx b/client/src/containers/projects/item.tsx
@@ -24,17 +24,24 @@ const ProjectsItem = (project: ProjectListResponseDataItem) => {
   return (
     <div
       className={cn({
-        "group cursor-pointer space-y-2 rounded-xl bg-gradient-to-r p-5 text-white": true,
-        [PROJECT_PILLARS[`${pillar?.data?.attributes?.name}`]?.color]: true,
+        "group cursor-pointer space-y-2 pt-5": true,
       })}
       onClick={handleClick}
     >
-      <h3 className="text-xs">{pillar?.data?.attributes?.name}</h3>
-      <h2 className="font-metropolis text-lg font-black tracking-tight group-hover:underline">
+      <h3 className="text-xs">
+        <div
+          className={cn({
+            "mr-1 inline-block h-2 w-2 rounded-full bg-gradient-to-r": true,
+            [PROJECT_PILLARS[`${pillar?.data?.attributes?.name}`]?.color]: true,
+          })}
+        />
+        {pillar?.data?.attributes?.name}
+      </h3>
+      <h2 className="pl-3 text-xl font-semibold text-gray-900 group-hover:underline">
         {project?.attributes?.name}
       </h2>
 
-      <div className="text-xxs">
+      <div className="pl-3 text-xxs">
         {countries?.data
           ?.map((c) => {
             if (!c.id || !c.attributes) return null;