Rename Fold => Community in UI

web/components/create-fold-button.tsx

@@ -49,7 +49,7 @@ export function CreateFoldButton() {
     <ConfirmationButton
       id="create-fold"
       openModelBtn={{
-        label: 'Create a fold',
+        label: 'New community',
         className: clsx(
           isSubmitting ? 'loading btn-disabled' : 'btn-primary',
           'btn-sm'
@@ -61,11 +61,11 @@ export function CreateFoldButton() {
       }}
       onSubmit={onSubmit}
     >
-      <Title className="!mt-0" text="Create a fold" />
+      <Title className="!mt-0" text="Create a community" />
 
       <Col className="text-gray-500 gap-1">
         <div>
-          Markets are included in a fold if they match one or more tags.
+          Markets are included in a community if they match one or more tags.
         </div>
       </Col>
 
@@ -74,11 +74,11 @@ export function CreateFoldButton() {
       <div>
         <div className="form-control w-full">
           <label className="label">
-            <span className="mb-1">Fold name</span>
+            <span className="mb-1">Community name</span>
           </label>
 
           <input
-            placeholder="Your fold name"
+            placeholder="Name"
             className="input input-bordered resize-none"
             disabled={isSubmitting}
             value={name}

web/components/edit-fold-button.tsx

@@ -59,7 +59,7 @@ export function EditFoldButton(props: { fold: Fold; className?: string }) {
         <div className="modal-box">
           <div className="form-control w-full">
             <label className="label">
-              <span className="mb-1">Fold name</span>
+              <span className="mb-1">Community name</span>
             </label>
 
             <input

web/components/nav-bar.tsx

@@ -134,7 +134,7 @@ function NavOptions(props: {
             themeClasses
           )}
         >
-          Folds
+          Communities
         </a>
       </Link>
 

web/pages/folds.tsx

@@ -66,12 +66,12 @@ export default function Folds(props: {
         <Col className="max-w-lg w-full">
           <Col className="px-4 sm:px-0">
             <Row className="justify-between items-center">
-              <Title text="Explore folds" />
+              <Title text="Explore communities" />
               {user && <CreateFoldButton />}
             </Row>
 
             <div className="text-gray-500 mb-6">
-              Folds are communities on Manifold centered around a collection of
+              Communities on Manifold are centered around a collection of
               markets.
             </div>
           </Col>