diff --git a/web/pages/folds.tsx b/web/pages/folds.tsx
index 993b1b3d..7d86832a 100644
--- a/web/pages/folds.tsx
+++ b/web/pages/folds.tsx
@@ -69,10 +69,14 @@ export default function Folds(props: {
-
+
{user && }
+
+ Browse folds on topics that interest you.
+
+
{folds.map((fold) => (
@@ -99,14 +103,15 @@ export default function Folds(props: {
function CreateFoldButton() {
const [name, setName] = useState('')
- const [tags, setTags] = useState('')
+ const [otherTags, setOtherTags] = useState('')
const [isSubmitting, setIsSubmitting] = useState(false)
const router = useRouter()
+ const tags = parseWordsAsTags(toCamelCase(name) + ' ' + otherTags)
+
const updateName = (newName: string) => {
setName(newName)
- setTags(toCamelCase(newName))
}
const onSubmit = async () => {
@@ -114,7 +119,7 @@ function CreateFoldButton() {
const result = await createFold({
name,
- tags: parseWordsAsTags(tags),
+ tags,
}).then((r) => r.data || {})
if (result.fold) {
@@ -140,15 +145,15 @@ function CreateFoldButton() {
}}
submitBtn={{
label: 'Create',
- className: clsx(name && tags ? 'btn-primary' : 'btn-disabled'),
+ className: clsx(name ? 'btn-primary' : 'btn-disabled'),
}}
onSubmit={onSubmit}
>
- A fold is a view of markets that match one or more tags.
- You can further exclude individual markets.
+ A fold is a sub-community of markets organized on a topic.
+ Markets are included if they match one or more tags.
@@ -170,27 +175,33 @@ function CreateFoldButton() {
- {/*
-
-
- setTags(e.target.value || '')}
- />
-
*/}
-
- {tags && (
+ {name && (
<>
+
+
+
+
+
+
+
+ setOtherTags(e.target.value || '')}
+ />
+
+
+
+
`#${tag}`)}
+ tags={parseWordsAsTags(otherTags).map((tag) => `#${tag}`)}
noLink
/>
>