From 6c9f566d3db5d8a4aa3872955f408e4efeff6e39 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Thu, 3 Feb 2022 14:13:51 -0600
Subject: [PATCH] Add hashtag in tags of fold card

---
 web/components/edit-fold-button.tsx | 2 +-
 web/components/tags-input.tsx       | 2 +-
 web/components/tags-list.tsx        | 8 ++++++--
 web/pages/fold/[...slugs]/index.tsx | 2 +-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/components/edit-fold-button.tsx b/web/components/edit-fold-button.tsx
index 3f41b6fe..246c19b6 100644
--- a/web/components/edit-fold-button.tsx
+++ b/web/components/edit-fold-button.tsx
@@ -105,7 +105,7 @@ export function EditFoldButton(props: { fold: Fold; className?: string }) {
           </div>
 
           <Spacer h={4} />
-          <TagsList tags={tags.map((tag) => `#${tag}`)} noLink noLabel />
+          <TagsList tags={tags} noLink noLabel />
           <Spacer h={4} />
 
           <div className="modal-action">
diff --git a/web/components/tags-input.tsx b/web/components/tags-input.tsx
index 24b4a20c..1e1678dc 100644
--- a/web/components/tags-input.tsx
+++ b/web/components/tags-input.tsx
@@ -27,7 +27,7 @@ export function TagsInput(props: { contract: Contract; className?: string }) {
 
   return (
     <Col className={clsx('gap-4', className)}>
-      <TagsList tags={newTags.map((tag) => `#${tag}`)} />
+      <TagsList tags={newTags} />
 
       <Row className="items-center gap-4">
         <input
diff --git a/web/components/tags-list.tsx b/web/components/tags-list.tsx
index def6a34a..4894643b 100644
--- a/web/components/tags-list.tsx
+++ b/web/components/tags-list.tsx
@@ -3,7 +3,7 @@ import { Row } from './layout/row'
 import { SiteLink } from './site-link'
 import { Fold } from '../../common/fold'
 
-export function Hashtag(props: { tag: string; noLink?: boolean }) {
+function Hashtag(props: { tag: string; noLink?: boolean }) {
   const { tag, noLink } = props
   const body = (
     <div
@@ -35,7 +35,11 @@ export function TagsList(props: {
     <Row className={clsx('items-center flex-wrap gap-2', className)}>
       {!noLabel && <div className="text-gray-500 mr-1">Tags</div>}
       {tags.map((tag) => (
-        <Hashtag key={tag} tag={tag} noLink={noLink} />
+        <Hashtag
+          key={tag}
+          tag={tag.startsWith('#') ? tag : `#${tag}`}
+          noLink={noLink}
+        />
       ))}
     </Row>
   )
diff --git a/web/pages/fold/[...slugs]/index.tsx b/web/pages/fold/[...slugs]/index.tsx
index e93bdbbb..f43f847a 100644
--- a/web/pages/fold/[...slugs]/index.tsx
+++ b/web/pages/fold/[...slugs]/index.tsx
@@ -341,7 +341,7 @@ function FoldOverview(props: { fold: Fold; curator: User }) {
           Includes markets matching any of these tags:
         </div>
 
-        <TagsList tags={tags.map((tag) => `#${tag}`)} noLabel />
+        <TagsList tags={tags} noLabel />
       </Col>
     </Col>
   )