Show Market tags if no communities.

web/components/contract-overview.tsx

@@ -18,7 +18,7 @@ import { ContractFeed } from './contract-feed'
 import { TweetButton } from './tweet-button'
 import { Bet } from '../../common/bet'
 import { Comment } from '../../common/comment'
-import { RevealableTagsInput } from './tags-input'
+import { RevealableTagsInput, TagsInput } from './tags-input'
 import BetRow from './bet-row'
 import { Fold } from '../../common/fold'
 import { FoldTagList } from './tags-list'
@@ -89,19 +89,26 @@ export const ContractOverview = (props: {
       <ContractProbGraph contract={contract} />
 
       <Row className="hidden sm:flex justify-between items-center mt-6 ml-4 gap-4">
-        <FoldTagList folds={folds} />
+        {folds.length === 0 ? (
+          <TagsInput className={clsx('mx-4')} contract={contract} />
+        ) : (
+          <FoldTagList folds={folds} />
+        )}
         <TweetButton tweetText={tweetText} />
       </Row>
 
       <Col className="sm:hidden mt-6 ml-4 gap-4">
         <TweetButton className="self-end" tweetText={tweetText} />
-        <FoldTagList folds={folds} />
+        {folds.length === 0 ? (
+          <TagsInput contract={contract} />
+        ) : (
+          <FoldTagList folds={folds} />
+        )}
       </Col>
 
-      <RevealableTagsInput
+      {folds.length > 0 && (
-        className={clsx('mx-4', folds.length > 0 && 'mt-4')}
+        <RevealableTagsInput className="mt-4 mx-4" contract={contract} />
-        contract={contract}
+      )}
-      />
 
       <Spacer h={12} />