feature: add authors title

githru · Aug 1, 2024 · 7d04982 · 7d04982
1 parent 0283110
commit 7d04982
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 14 deletions.
diff --git a/packages/view/src/components/FilteredAuthors/FilteredAuthors.scss b/packages/view/src/components/FilteredAuthors/FilteredAuthors.scss
@@ -1,7 +1,12 @@
 .selected-container {
   display: flex;
-  flex-wrap: wrap;
+  align-items: center;
+  gap: 15px;
   width: 100%;
-  padding: 6px;
+}
+
+.selected-content {
+  display: flex;
+  flex-wrap: wrap;
   box-sizing: border-box;
 }
diff --git a/packages/view/src/components/FilteredAuthors/FilteredAuthors.tsx b/packages/view/src/components/FilteredAuthors/FilteredAuthors.tsx
@@ -12,18 +12,21 @@ const FilteredAuthors = () => {
 
   return (
     <div className="selected-container">
-      {authSrcMap &&
-        selectedClusters.map((selectedCluster) => {
-          return selectedCluster.summary.authorNames.map((authorArray: string[]) => {
-            return authorArray.map((authorName: string) => (
-              <Author
-                key={authorName}
-                name={authorName}
-                src={authSrcMap[authorName]}
-              />
-            ));
-          });
-        })}
+      {selectedClusters.length > 0 && <p>Authors:</p>}
+      <div className="selected-content">
+        {authSrcMap &&
+          selectedClusters.map((selectedCluster) => {
+            return selectedCluster.summary.authorNames.map((authorArray: string[]) => {
+              return authorArray.map((authorName: string) => (
+                <Author
+                  key={authorName}
+                  name={authorName}
+                  src={authSrcMap[authorName]}
+                />
+              ));
+            });
+          })}
+      </div>
     </div>
   );
 };