Merge pull request #255 from medyo/fix-minor-bugs

fix: update UserTags to display tag labels instead of values

Author: medyo

src/assets/App.css

@@ -396,6 +396,11 @@ a {
   border: 1px solid var(--chip-border-color);
   background-color: var(--chip-background);
   font-size: 0.9em;
+
+  max-width: 80px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .blockHeaderIcon {
   display: flex;

src/components/Elements/UserTags/UserTags.tsx

@@ -27,7 +27,7 @@ export const UserTags = () => {
     <div className="tags">
       {userSelectedTags.map((tag, index) => (
         <button key={index} className="tag tagHoverable" onClick={() => onTagClicked(tag.value)}>
-          {tag.value}
+          {tag.label}
         </button>
       ))}
       <Link to="/settings/topics" className="tag tagHoverable" aria-label="Open settings">