From bb788d52015fd797b58700910b940cebbee28dc3 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Thu, 27 Jan 2022 14:05:59 -0600
Subject: [PATCH] Change placeholder in fold create question

---
 web/components/feed-create.tsx      | 7 +++++--
 web/pages/fold/[...slugs]/index.tsx | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/components/feed-create.tsx b/web/components/feed-create.tsx
index 25ffc965..f2fe3806 100644
--- a/web/components/feed-create.tsx
+++ b/web/components/feed-create.tsx
@@ -58,6 +58,7 @@ export function FeedPromo(props: { hotContracts: Contract[] }) {
 export default function FeedCreate(props: {
   user?: User
   tag?: string
+  placeholder?: string
   className?: string
 }) {
   const { user, tag, className } = props
@@ -74,7 +75,9 @@ export default function FeedCreate(props: {
   // Rotate through a new placeholder each day
   // Easter egg idea: click your own name to shuffle the placeholder
   const daysSinceEpoch = Math.floor(Date.now() / 1000 / 60 / 60 / 24)
-  const placeholder = placeholders[daysSinceEpoch % placeholders.length]
+  const placeholder =
+    props.placeholder ??
+    `e.g. ${placeholders[daysSinceEpoch % placeholders.length]}`
 
   return (
     <div className={clsx('w-full bg-indigo-50 sm:rounded-md p-4', className)}>
@@ -92,7 +95,7 @@ export default function FeedCreate(props: {
           </div>
           <Textarea
             className="text-lg sm:text-xl text-indigo-700 w-full border-transparent focus:border-transparent bg-transparent p-0 appearance-none resize-none focus:ring-transparent placeholder:text-gray-400"
-            placeholder={`e.g. ${placeholder}`}
+            placeholder={placeholder}
             value={question}
             onClick={(e) => e.stopPropagation()}
             onChange={(e) => setQuestion(e.target.value || '')}
diff --git a/web/pages/fold/[...slugs]/index.tsx b/web/pages/fold/[...slugs]/index.tsx
index 299a9662..6334f892 100644
--- a/web/pages/fold/[...slugs]/index.tsx
+++ b/web/pages/fold/[...slugs]/index.tsx
@@ -216,9 +216,10 @@ export default function FoldPage(props: {
           <Col className="flex-1">
             {user !== null && (
               <FeedCreate
+                className={clsx(page !== 'activity' && 'hidden')}
                 user={user}
                 tag={toCamelCase(fold.name)}
-                className={clsx(page !== 'activity' && 'hidden')}
+                placeholder={`Type your question about ${fold.name}`}
               />
             )}
             {page === 'activity' ? (