From 2a9b85c9b3a1969faec6d5d570b967811b1c403e Mon Sep 17 00:00:00 2001
From: Caleb Parikh <parikhcaleb@gmail.com>
Date: Mon, 13 May 2024 16:49:52 -0600
Subject: [PATCH 01/12] added radio buttons to app form for ltff and eaif, add
 some questions based on cause areas

---
 app/create/create-project-form.tsx | 101 ++++++++++++++++++++---
 components/checkbox.tsx            | 126 +++++++++++++++++++++++++++++
 2 files changed, 214 insertions(+), 13 deletions(-)
 create mode 100644 components/checkbox.tsx

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index 0b1bbeb1..8bdecc61 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -24,7 +24,7 @@ import { Checkbox } from '@/components/input'
 import { usePartialUpdater } from '@/hooks/user-partial-updater'
 import { ProjectParams } from '@/utils/upsert-project'
 
-const DESCRIPTION_OUTLINE = `
+var DESCRIPTION_OUTLINE = `
 <h3>Project summary</h3>
 </br>
 <h3>What are this project's goals and how will you achieve them?</h3>
@@ -38,8 +38,23 @@ const DESCRIPTION_OUTLINE = `
 <h3>What other funding are you or your project getting?</h3>
 </br>
 `
+
+const LTFF_QUESTIONS = `
+<h2>LTFF QUESTIONS</h2>
+</br>
+<h3>How will you solve x-risk?</h3>
+</br>
+`
+const EAIF_QUESTIONS = `
+  <h2> EAIF QUESTIONS</h2>
+</br>
+  <h3>How will you solve EA community building?</h3>
+</br>
+`
+
 const DESCRIPTION_KEY = 'ProjectDescription'
 
+
 export function CreateProjectForm(props: { causesList: Cause[] }) {
   const { causesList } = props
   const [projectParams, updateProjectParams] = usePartialUpdater<ProjectParams>(
@@ -56,6 +71,8 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
     }
   )
   const [isSubmitting, setIsSubmitting] = useState<boolean>(false)
+  const [isLTFFSelected, setIsLTFFSelected] = useState(false);
+  const [isEAIFSelected, setIsEAIFSelected] = useState(false);
 
   const editor = useTextEditor(DESCRIPTION_OUTLINE, DESCRIPTION_KEY)
   const [madeChanges, setMadeChanges] = useState<boolean>(false)
@@ -72,17 +89,26 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
         (1 -
           (projectParams.selectedPrize?.cert_params?.defaultInvestorShares ??
             0) /
-            TOTAL_SHARES) *
+          TOTAL_SHARES) *
         100,
-    })
+    });
     if (!madeChanges) {
-      editor?.commands.setContent(
-        projectParams.selectedPrize?.project_description_outline ??
-          DESCRIPTION_OUTLINE
-      )
-      setMadeChanges(false)
+      let descriptionOutline = projectParams.selectedPrize?.project_description_outline ??
+        DESCRIPTION_OUTLINE;
+      if (isLTFFSelected) {
+        descriptionOutline += LTFF_QUESTIONS;
+      }
+      if (isEAIFSelected) {
+        descriptionOutline += EAIF_QUESTIONS;
+      }
+      // Check for other causes and add their custom questions
+      // ...
+      editor?.commands.setContent(descriptionOutline);
+      setMadeChanges(false);
     }
-  }, [projectParams.selectedPrize])
+  }, [projectParams.selectedPrize, isLTFFSelected, isEAIFSelected]); // Add other cause selection state variables as dependencies
+
+
   const selectablePrizeCauses = causesList.filter(
     (cause) => cause.open && cause.prize
   )
@@ -110,7 +136,7 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
       body: JSON.stringify({ ...projectParams, description: finalDescription }),
     })
     const newProject = await response.json()
-    router.push(`/projects/${newProject.slug}`)
+    router.push(`/ projects / ${newProject.slug} `)
     clearLocalStorageItem(DESCRIPTION_KEY)
     setIsSubmitting(false)
   }
@@ -149,9 +175,7 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
               selectedPrize:
                 value === 'grant'
                   ? null
-                  : selectablePrizeCauses.find(
-                      (cause) => cause.slug === value
-                    ) ?? null,
+                  : selectablePrizeCauses.find((cause) => cause.slug === value) ?? null,
             })
           }
           options={{
@@ -161,6 +185,57 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
             ),
           }}
         />
+
+
+        <Row className="items-start">
+          <Checkbox
+            checked={projectParams.selectedCauses.some((cause) => cause.slug === 'ltff')}
+            onChange={(event) => {
+              const { checked } = event.target;
+              const ltffCause = causesList.find((cause) => cause.slug === 'ltff');
+              updateProjectParams({
+                selectedCauses: checked
+                  ? [...projectParams.selectedCauses, ltffCause]
+                  : projectParams.selectedCauses.filter((cause) => cause.slug !== 'ltff'),
+              });
+              setIsLTFFSelected(checked);
+            }}
+          />
+          <span className="ml-3 mt-0.5 text-sm leading-tight">
+            <span className="font-bold">LTFF Grant</span>
+          </span>
+        </Row>
+        <Row className="items-start">
+          <Checkbox
+            checked={projectParams.selectedCauses.some((cause) => cause.slug === 'eaif')}
+            onChange={(event) => {
+              const { checked } = event.target;
+              const eaifCause = causesList.find((cause) => cause.slug === 'eaif');
+              updateProjectParams({
+                selectedCauses: checked
+                  ? [...projectParams.selectedCauses, eaifCause]
+                  : projectParams.selectedCauses.filter((cause) => cause.slug !== 'eaif'),
+              });
+              setIsEAIFSelected(checked);
+            }}
+          />
+          <span className="ml-3 mt-0.5 text-sm leading-tight">
+            <span className="font-bold">EAIF Grant</span>
+          </span>
+        </Row>
+
+
+
+        <div>
+          <h3>Selected Causes:</h3>
+          <ul>
+            {projectParams.selectedCauses.map((cause) => (
+              <li key={cause.title}>{cause.title}</li>
+            ))}
+          </ul>
+        </div>
+
+
       </Col>
       <Col className="gap-1">
         <label htmlFor="title">
diff --git a/components/checkbox.tsx b/components/checkbox.tsx
new file mode 100644
index 00000000..de091d62
--- /dev/null
+++ b/components/checkbox.tsx
@@ -0,0 +1,126 @@
+// not in use
+
+// import { RadioGroup } from '@headlessui/react'
+// import clsx from 'clsx'
+// import { Row } from './layout/row'
+
+// export function HorizontalRadioGroup(props: {
+//   value: string
+//   onChange: (value: string) => void
+//   options: { [key: string]: string }
+//   wide?: boolean
+// }) {
+//   const { value, onChange, options, wide } = props
+//   return (
+//     <RadioGroup
+//       value={value}
+//       onChange={onChange}
+//       className={clsx('rounded-md shadow-sm', wide ? 'w-full' : 'max-w-fit')}
+//     >
+//       <Row
+//         className={clsx(
+//           'rounded-md border border-gray-300 bg-white p-2',
+//           wide ? 'w-full justify-between' : ''
+//         )}
+//       >
+//         {Object.entries(options).map(([type, label]) => (
+//           <RadioGroup.Option
+//             key={type}
+//             value={type}
+//             className={({ checked }) =>
+//               clsx(
+//                 'cursor-pointer focus:outline-none',
+//                 checked
+//                   ? 'bg-orange-500 text-white hover:bg-orange-600'
+//                   : 'bg-white text-gray-900',
+//                 'flex items-center justify-center rounded-md px-3 py-3 text-sm font-semibold'
+//               )
+//             }
+//           >
+//             <RadioGroup.Label as="span">{label}</RadioGroup.Label>
+//           </RadioGroup.Option>
+//         ))}
+//       </Row>
+//     </RadioGroup>
+//   )
+// }
+
+
+//   // tailwind.config.js
+//   module.exports = {
+//     // ...
+//     plugins: [
+//       // ...
+//       require('@tailwindcss/forms'),
+//     ],
+//   }
+//   ```
+// */
+
+
+export default function Checkbox() {
+    return (
+        <fieldset>
+            <legend className="sr-only">Notifications</legend>
+            <div className="space-y-5">
+                <div className="relative flex items-start">
+                    <div className="flex h-6 items-center">
+                        <input
+                            id="comments"
+                            aria-describedby="comments-description"
+                            name="comments"
+                            type="checkbox"
+                            className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"
+                        />
+                    </div>
+                    <div className="ml-3 text-sm leading-6">
+                        <label htmlFor="comments" className="font-medium text-gray-900">
+                            Comments
+                        </label>
+                        <p id="comments-description" className="text-gray-500">
+                            Get notified when someones posts a comment on a posting.
+                        </p>
+                    </div>
+                </div>
+                <div className="relative flex items-start">
+                    <div className="flex h-6 items-center">
+                        <input
+                            id="candidates"
+                            aria-describedby="candidates-description"
+                            name="candidates"
+                            type="checkbox"
+                            className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"
+                        />
+                    </div>
+                    <div className="ml-3 text-sm leading-6">
+                        <label htmlFor="candidates" className="font-medium text-gray-900">
+                            Candidates
+                        </label>
+                        <p id="candidates-description" className="text-gray-500">
+                            Get notified when a candidate applies for a job.
+                        </p>
+                    </div>
+                </div>
+                <div className="relative flex items-start">
+                    <div className="flex h-6 items-center">
+                        <input
+                            id="offers"
+                            aria-describedby="offers-description"
+                            name="offers"
+                            type="checkbox"
+                            className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"
+                        />
+                    </div>
+                    <div className="ml-3 text-sm leading-6">
+                        <label htmlFor="offers" className="font-medium text-gray-900">
+                            Offers
+                        </label>
+                        <p id="offers-description" className="text-gray-500">
+                            Get notified when a candidate accepts or rejects an offer.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </fieldset>
+    )
+}

From 5520ca3891755a9f03c0b8351d7939796280b50d Mon Sep 17 00:00:00 2001
From: Caleb Parikh <parikhcaleb@gmail.com>
Date: Mon, 13 May 2024 17:16:45 -0600
Subject: [PATCH 02/12] small refactor to use dedicated questions folder

---
 app/create/create-project-form.tsx | 27 +++++++++++----------------
 app/questions/questions.json       |  8 ++++++++
 2 files changed, 19 insertions(+), 16 deletions(-)
 create mode 100644 app/questions/questions.json

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index 8bdecc61..85fc4abe 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -23,6 +23,9 @@ import { HorizontalRadioGroup } from '@/components/radio-group'
 import { Checkbox } from '@/components/input'
 import { usePartialUpdater } from '@/hooks/user-partial-updater'
 import { ProjectParams } from '@/utils/upsert-project'
+import questionsData from '../questions/questions.json';
+
+
 
 var DESCRIPTION_OUTLINE = `
 <h3>Project summary</h3>
@@ -39,18 +42,12 @@ var DESCRIPTION_OUTLINE = `
 </br>
 `
 
-const LTFF_QUESTIONS = `
-<h2>LTFF QUESTIONS</h2>
-</br>
-<h3>How will you solve x-risk?</h3>
-</br>
-`
-const EAIF_QUESTIONS = `
-  <h2> EAIF QUESTIONS</h2>
-</br>
-  <h3>How will you solve EA community building?</h3>
-</br>
-`
+interface QuestionsData {
+  [key: string]: string[];
+}
+
+const questions = questionsData as QuestionsData;
+
 
 const DESCRIPTION_KEY = 'ProjectDescription'
 
@@ -96,13 +93,11 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
       let descriptionOutline = projectParams.selectedPrize?.project_description_outline ??
         DESCRIPTION_OUTLINE;
       if (isLTFFSelected) {
-        descriptionOutline += LTFF_QUESTIONS;
+        descriptionOutline += questions.ltff.map((question: string) => `<h3>${question}</h3></br>`).join('');
       }
       if (isEAIFSelected) {
-        descriptionOutline += EAIF_QUESTIONS;
+        descriptionOutline += questions.eaif.map((question: string) => `<h3>${question}</h3></br>`).join('');
       }
-      // Check for other causes and add their custom questions
-      // ...
       editor?.commands.setContent(descriptionOutline);
       setMadeChanges(false);
     }
diff --git a/app/questions/questions.json b/app/questions/questions.json
new file mode 100644
index 00000000..49c04786
--- /dev/null
+++ b/app/questions/questions.json
@@ -0,0 +1,8 @@
+{
+    "ltff": [
+        "How will you solve x-risk?"
+    ],
+    "eaif": [
+        "How will you solve EA community building?"
+    ]
+}
\ No newline at end of file

From eb17c305492720c1f869965696c686af40e63082 Mon Sep 17 00:00:00 2001
From: Caleb Parikh <parikhcaleb@gmail.com>
Date: Mon, 13 May 2024 17:52:35 -0600
Subject: [PATCH 03/12] small refactor into separate quetsion bank and choices
 files

---
 app/create/create-project-form.tsx | 50 +++++++++++++++++++++++-------
 app/questions/questionBank.json    | 22 +++++++++++++
 app/questions/questionChoices.json | 12 +++++++
 app/questions/questions.json       |  8 -----
 4 files changed, 72 insertions(+), 20 deletions(-)
 create mode 100644 app/questions/questionBank.json
 create mode 100644 app/questions/questionChoices.json
 delete mode 100644 app/questions/questions.json

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index 85fc4abe..5ff116fc 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -23,7 +23,17 @@ import { HorizontalRadioGroup } from '@/components/radio-group'
 import { Checkbox } from '@/components/input'
 import { usePartialUpdater } from '@/hooks/user-partial-updater'
 import { ProjectParams } from '@/utils/upsert-project'
-import questionsData from '../questions/questions.json';
+import questionBank from '../questions/questionBank.json';
+import questionChoicesData from '../questions/questionChoices.json';
+
+interface QuestionsData {
+  id: string;
+  question: string;
+  description: string;
+}
+
+const questions = questionBank as QuestionsData[];
+const questionChoices = questionChoicesData as { [key: string]: string[] };
 
 
 
@@ -42,11 +52,27 @@ var DESCRIPTION_OUTLINE = `
 </br>
 `
 
-interface QuestionsData {
-  [key: string]: string[];
-}
+const addQuestionsToDescription = (selectedCauses: string[], descriptionOutline: string) => {
+  const addedQuestions = selectedCauses.reduce((set, cause) => {
+    const causeQuestionIds = questionChoices[cause] || [];
+    causeQuestionIds.forEach((questionId) => set.add(questionId));
+    return set;
+  }, new Set<string>());
+
+  addedQuestions.forEach((questionId) => {
+    const question = questions.find((q) => q.id === questionId);
+    if (question) {
+      const formattedDescription = question.description.replace(/\n/g, '<br>');
+      descriptionOutline += `
+        <h3>${question.question}</h3>
+        <p>${formattedDescription}</p>
+        </br>
+      `;
+    }
+  });
 
-const questions = questionsData as QuestionsData;
+  return descriptionOutline;
+};
 
 
 const DESCRIPTION_KEY = 'ProjectDescription'
@@ -92,16 +118,16 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
     if (!madeChanges) {
       let descriptionOutline = projectParams.selectedPrize?.project_description_outline ??
         DESCRIPTION_OUTLINE;
-      if (isLTFFSelected) {
-        descriptionOutline += questions.ltff.map((question: string) => `<h3>${question}</h3></br>`).join('');
-      }
-      if (isEAIFSelected) {
-        descriptionOutline += questions.eaif.map((question: string) => `<h3>${question}</h3></br>`).join('');
-      }
+
+      descriptionOutline = addQuestionsToDescription(
+        projectParams.selectedCauses.map((cause) => cause.slug),
+        descriptionOutline
+      );
+
       editor?.commands.setContent(descriptionOutline);
       setMadeChanges(false);
     }
-  }, [projectParams.selectedPrize, isLTFFSelected, isEAIFSelected]); // Add other cause selection state variables as dependencies
+  }, [projectParams.selectedPrize, projectParams.selectedCauses]);
 
 
   const selectablePrizeCauses = causesList.filter(
diff --git a/app/questions/questionBank.json b/app/questions/questionBank.json
new file mode 100644
index 00000000..daeeebc6
--- /dev/null
+++ b/app/questions/questionBank.json
@@ -0,0 +1,22 @@
+[
+    {
+        "id": "trackRecord",
+        "question": "Track record",
+        "description": "What is your track record for running projects of this kind?\n\nPlease give us an outline of previous successes and failures that would help us understand your (or your organization's) ability to execute this specific project. For example, campaigns you've implemented, products you've built, research you've published, or relevant professional and volunteering experience.\n\nAlternatively, what other kind of evidence do you have that the organization or project will succeed? If you are applying for a project that is related to a previous EA Funds grant, please elaborate on how your previous grant/project went."
+    },
+    {
+        "id": "projectGoals",
+        "question": "Project goals",
+        "description": "What specific actions or steps might your project involve? What impact will this have on the world? What is your project's goal, how will you know if you've achieved it, and what is the path to impact? How does this relate to the goals of the fund(s) you are applying to?"
+    },
+    {
+        "id": "destroyXRisk",
+        "question": "How are you going to destroy all x-risk",
+        "description": "joke answers only"
+    },
+    {
+        "id": "10xEAMovement",
+        "question": "How are you going to 10x the ea movement",
+        "description": "cryptocurrency exchange?"
+    }
+]
\ No newline at end of file
diff --git a/app/questions/questionChoices.json b/app/questions/questionChoices.json
new file mode 100644
index 00000000..50eb3ee5
--- /dev/null
+++ b/app/questions/questionChoices.json
@@ -0,0 +1,12 @@
+{
+    "ltff": [
+        "trackRecord",
+        "projectGoals",
+        "destroyXRisk"
+    ],
+    "eaif": [
+        "trackRecord",
+        "projectGoals",
+        "10xEAMovement"
+    ]
+}
\ No newline at end of file
diff --git a/app/questions/questions.json b/app/questions/questions.json
deleted file mode 100644
index 49c04786..00000000
--- a/app/questions/questions.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "ltff": [
-        "How will you solve x-risk?"
-    ],
-    "eaif": [
-        "How will you solve EA community building?"
-    ]
-}
\ No newline at end of file

From c932758706da875944267fdcb4a6a89ce9601002 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Mon, 13 May 2024 17:57:53 -0600
Subject: [PATCH 04/12] Track app stage as new project tab

---
 app/projects/[slug]/project-tabs.tsx | 61 +++++++++++++++++++++++++++-
 db/database.types.ts                 |  7 ++++
 db/project.ts                        |  6 ++-
 seed.sql                             |  1 +
 4 files changed, 72 insertions(+), 3 deletions(-)

diff --git a/app/projects/[slug]/project-tabs.tsx b/app/projects/[slug]/project-tabs.tsx
index bb6b8ee0..244bdccf 100644
--- a/app/projects/[slug]/project-tabs.tsx
+++ b/app/projects/[slug]/project-tabs.tsx
@@ -1,6 +1,6 @@
 'use client'
 import { Comments } from './comments'
-import { FullProject, TOTAL_SHARES } from '@/db/project'
+import { FullProject, ProjectStage, TOTAL_SHARES } from '@/db/project'
 import { Profile } from '@/db/profile'
 import { useSearchParams } from 'next/navigation'
 import { Bids } from './bids'
@@ -15,6 +15,8 @@ import { uniq } from 'lodash'
 import { compareDesc } from 'date-fns'
 import { formatMoneyPrecise, formatPercent } from '@/utils/formatting'
 import { MarketTab } from '../market-tab'
+import clsx from 'clsx'
+import { Col } from '@/components/layout/col'
 
 export function ProjectTabs(props: {
   project: FullProject
@@ -110,6 +112,40 @@ export function ProjectTabs(props: {
       ),
     })
   }
+  tabs.push({
+    name: 'App status',
+    id: 'app-status',
+    count: 0,
+    display: (
+      <Col className="gap-4 p-4">
+        <h2 className="text-xl font-bold">Application status</h2>
+        <p className="font-light">App status across various funders</p>
+        <Col className="gap-2">
+          <div>
+            Manifund <StageBadge stage={project.stage} />
+          </div>
+          <div>
+            EAIF{' '}
+            <StageBadge
+              stage={
+                project.project_causes.find((c) => c.cause_slug === 'eaif')
+                  ?.application_stage ?? null
+              }
+            />
+          </div>
+          <div>
+            LTFF{' '}
+            <StageBadge
+              stage={
+                project.project_causes.find((c) => c.cause_slug === 'ltff')
+                  ?.application_stage ?? null
+              }
+            />
+          </div>
+        </Col>
+      </Col>
+    ),
+  })
 
   if (
     (project.stage === 'active' || project.stage === 'complete') &&
@@ -168,6 +204,29 @@ export function getShareholders(txns: TxnAndProfiles[]) {
   return shareholdersArray.filter((shareholder) => !!shareholder.profile)
 }
 
+export function StageBadge(props: { stage: ProjectStage | null }) {
+  const { stage } = props
+  const colors = {
+    proposal: 'bg-blue-50 text-blue-700 ring-blue-700/10',
+    active: 'bg-green-50 text-green-700 ring-green-600/20',
+    complete: 'bg-purple-50 text-purple-700 ring-purple-700/10',
+    'not funded': 'bg-red-50 text-red-700 ring-red-600/10',
+    hidden: 'bg-gray-50 text-gray-700 ring-gray-600/10',
+    draft: 'bg-gray-50 text-gray-700 ring-gray-600/10',
+  }
+  const color = colors[stage ?? 'hidden']
+  return (
+    <span
+      className={clsx(
+        'inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset',
+        color
+      )}
+    >
+      {stage ?? 'not applying'}
+    </span>
+  )
+}
+
 export function getCommenterContributions(
   comments: CommentAndProfile[],
   bids: BidAndProfile[],
diff --git a/db/database.types.ts b/db/database.types.ts
index 8b6ac26a..1edc95ef 100644
--- a/db/database.types.ts
+++ b/db/database.types.ts
@@ -342,14 +342,21 @@ export type Database = {
       }
       project_causes: {
         Row: {
+          application_stage: Database["public"]["Enums"]["project_stage"] | null
           cause_slug: string
           project_id: string
         }
         Insert: {
+          application_stage?:
+            | Database["public"]["Enums"]["project_stage"]
+            | null
           cause_slug: string
           project_id: string
         }
         Update: {
+          application_stage?:
+            | Database["public"]["Enums"]["project_stage"]
+            | null
           cause_slug?: string
           project_id?: string
         }
diff --git a/db/project.ts b/db/project.ts
index c848facc..57e7dafe 100644
--- a/db/project.ts
+++ b/db/project.ts
@@ -25,9 +25,11 @@ export type FullProject = Project & { profiles: Profile } & {
   project_transfers: ProjectTransfer[]
 } & { project_votes: ProjectVote[] } & { causes: MiniCause[] } & {
   project_follows: ProjectFollow[]
-}
+} & { project_causes: ProjectCause[] }
 export type MiniProject = Project & { profiles: Profile } & { txns: Txn[] }
 export const TOTAL_SHARES = 10_000_000
+export type ProjectStage = Database['public']['Enums']['project_stage']
+export type ProjectCause = Database['public']['Tables']['project_causes']['Row']
 
 export async function getProjectBySlug(supabase: SupabaseClient, slug: string) {
   const { data, error } = await supabase
@@ -101,7 +103,7 @@ export async function getFullProjectBySlug(
   const { data } = await supabase
     .from('projects')
     .select(
-      '*, profiles!projects_creator_fkey(*), bids(*), txns(*), comments(*), rounds(*), project_transfers(*), project_votes(*), project_follows(follower_id), causes(title, slug)'
+      '*, profiles!projects_creator_fkey(*), bids(*), txns(*), comments(*), rounds(*), project_transfers(*), project_votes(*), project_follows(follower_id), causes(title, slug), project_causes(*)'
     )
     .eq('slug', slug)
     .throwOnError()
diff --git a/seed.sql b/seed.sql
index 4a3e4c92..5cae9ec7 100644
--- a/seed.sql
+++ b/seed.sql
@@ -368,6 +368,7 @@ CREATE TABLE public.project_causes (
   id int8 NOT NULL,
   project_id uuid NOT NULL REFERENCES public.projects(id) ON DELETE CASCADE,
   tag_slug text NOT NULL REFERENCES public.causes(slug) ON DELETE CASCADE,
+  application_stage project_stage DEFAULT null,
   PRIMARY KEY (id)
 );
 

From 933ea2fb650d9f117767b62e9f8e34d71e86cb00 Mon Sep 17 00:00:00 2001
From: Caleb Parikh <parikhcaleb@gmail.com>
Date: Mon, 13 May 2024 18:06:14 -0600
Subject: [PATCH 05/12] formatted with prettier

---
 app/create/create-project-form.tsx | 112 +++++++++++++++--------------
 1 file changed, 60 insertions(+), 52 deletions(-)

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index 5ff116fc..a185d341 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -23,19 +23,17 @@ import { HorizontalRadioGroup } from '@/components/radio-group'
 import { Checkbox } from '@/components/input'
 import { usePartialUpdater } from '@/hooks/user-partial-updater'
 import { ProjectParams } from '@/utils/upsert-project'
-import questionBank from '../questions/questionBank.json';
-import questionChoicesData from '../questions/questionChoices.json';
+import questionBank from '../questions/questionBank.json'
+import questionChoicesData from '../questions/questionChoices.json'
 
 interface QuestionsData {
-  id: string;
-  question: string;
-  description: string;
+  id: string
+  question: string
+  description: string
 }
 
-const questions = questionBank as QuestionsData[];
-const questionChoices = questionChoicesData as { [key: string]: string[] };
-
-
+const questions = questionBank as QuestionsData[]
+const questionChoices = questionChoicesData as { [key: string]: string[] }
 
 var DESCRIPTION_OUTLINE = `
 <h3>Project summary</h3>
@@ -52,32 +50,33 @@ var DESCRIPTION_OUTLINE = `
 </br>
 `
 
-const addQuestionsToDescription = (selectedCauses: string[], descriptionOutline: string) => {
+const addQuestionsToDescription = (
+  selectedCauses: string[],
+  descriptionOutline: string
+) => {
   const addedQuestions = selectedCauses.reduce((set, cause) => {
-    const causeQuestionIds = questionChoices[cause] || [];
-    causeQuestionIds.forEach((questionId) => set.add(questionId));
-    return set;
-  }, new Set<string>());
+    const causeQuestionIds = questionChoices[cause] || []
+    causeQuestionIds.forEach((questionId) => set.add(questionId))
+    return set
+  }, new Set<string>())
 
   addedQuestions.forEach((questionId) => {
-    const question = questions.find((q) => q.id === questionId);
+    const question = questions.find((q) => q.id === questionId)
     if (question) {
-      const formattedDescription = question.description.replace(/\n/g, '<br>');
+      const formattedDescription = question.description.replace(/\n/g, '<br>')
       descriptionOutline += `
         <h3>${question.question}</h3>
         <p>${formattedDescription}</p>
         </br>
-      `;
+      `
     }
-  });
-
-  return descriptionOutline;
-};
+  })
 
+  return descriptionOutline
+}
 
 const DESCRIPTION_KEY = 'ProjectDescription'
 
-
 export function CreateProjectForm(props: { causesList: Cause[] }) {
   const { causesList } = props
   const [projectParams, updateProjectParams] = usePartialUpdater<ProjectParams>(
@@ -94,8 +93,8 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
     }
   )
   const [isSubmitting, setIsSubmitting] = useState<boolean>(false)
-  const [isLTFFSelected, setIsLTFFSelected] = useState(false);
-  const [isEAIFSelected, setIsEAIFSelected] = useState(false);
+  const [isLTFFSelected, setIsLTFFSelected] = useState(false)
+  const [isEAIFSelected, setIsEAIFSelected] = useState(false)
 
   const editor = useTextEditor(DESCRIPTION_OUTLINE, DESCRIPTION_KEY)
   const [madeChanges, setMadeChanges] = useState<boolean>(false)
@@ -112,23 +111,23 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
         (1 -
           (projectParams.selectedPrize?.cert_params?.defaultInvestorShares ??
             0) /
-          TOTAL_SHARES) *
+            TOTAL_SHARES) *
         100,
-    });
+    })
     if (!madeChanges) {
-      let descriptionOutline = projectParams.selectedPrize?.project_description_outline ??
-        DESCRIPTION_OUTLINE;
+      let descriptionOutline =
+        projectParams.selectedPrize?.project_description_outline ??
+        DESCRIPTION_OUTLINE
 
       descriptionOutline = addQuestionsToDescription(
         projectParams.selectedCauses.map((cause) => cause.slug),
         descriptionOutline
-      );
+      )
 
-      editor?.commands.setContent(descriptionOutline);
-      setMadeChanges(false);
+      editor?.commands.setContent(descriptionOutline)
+      setMadeChanges(false)
     }
-  }, [projectParams.selectedPrize, projectParams.selectedCauses]);
-
+  }, [projectParams.selectedPrize, projectParams.selectedCauses])
 
   const selectablePrizeCauses = causesList.filter(
     (cause) => cause.open && cause.prize
@@ -157,7 +156,7 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
       body: JSON.stringify({ ...projectParams, description: finalDescription }),
     })
     const newProject = await response.json()
-    router.push(`/ projects / ${newProject.slug} `)
+    router.push(`/projects/${newProject.slug} `)
     clearLocalStorageItem(DESCRIPTION_KEY)
     setIsSubmitting(false)
   }
@@ -196,7 +195,9 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
               selectedPrize:
                 value === 'grant'
                   ? null
-                  : selectablePrizeCauses.find((cause) => cause.slug === value) ?? null,
+                  : selectablePrizeCauses.find(
+                      (cause) => cause.slug === value
+                    ) ?? null,
             })
           }
           options={{
@@ -207,19 +208,24 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
           }}
         />
 
-
         <Row className="items-start">
           <Checkbox
-            checked={projectParams.selectedCauses.some((cause) => cause.slug === 'ltff')}
+            checked={projectParams.selectedCauses.some(
+              (cause) => cause.slug === 'ltff'
+            )}
             onChange={(event) => {
-              const { checked } = event.target;
-              const ltffCause = causesList.find((cause) => cause.slug === 'ltff');
+              const { checked } = event.target
+              const ltffCause = causesList.find(
+                (cause) => cause.slug === 'ltff'
+              )
               updateProjectParams({
                 selectedCauses: checked
                   ? [...projectParams.selectedCauses, ltffCause]
-                  : projectParams.selectedCauses.filter((cause) => cause.slug !== 'ltff'),
-              });
-              setIsLTFFSelected(checked);
+                  : projectParams.selectedCauses.filter(
+                      (cause) => cause.slug !== 'ltff'
+                    ),
+              })
+              setIsLTFFSelected(checked)
             }}
           />
           <span className="ml-3 mt-0.5 text-sm leading-tight">
@@ -228,16 +234,22 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
         </Row>
         <Row className="items-start">
           <Checkbox
-            checked={projectParams.selectedCauses.some((cause) => cause.slug === 'eaif')}
+            checked={projectParams.selectedCauses.some(
+              (cause) => cause.slug === 'eaif'
+            )}
             onChange={(event) => {
-              const { checked } = event.target;
-              const eaifCause = causesList.find((cause) => cause.slug === 'eaif');
+              const { checked } = event.target
+              const eaifCause = causesList.find(
+                (cause) => cause.slug === 'eaif'
+              )
               updateProjectParams({
                 selectedCauses: checked
                   ? [...projectParams.selectedCauses, eaifCause]
-                  : projectParams.selectedCauses.filter((cause) => cause.slug !== 'eaif'),
-              });
-              setIsEAIFSelected(checked);
+                  : projectParams.selectedCauses.filter(
+                      (cause) => cause.slug !== 'eaif'
+                    ),
+              })
+              setIsEAIFSelected(checked)
             }}
           />
           <span className="ml-3 mt-0.5 text-sm leading-tight">
@@ -245,8 +257,6 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
           </span>
         </Row>
 
-
-
         <div>
           <h3>Selected Causes:</h3>
           <ul>
@@ -255,8 +265,6 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
             ))}
           </ul>
         </div>
-
-
       </Col>
       <Col className="gap-1">
         <label htmlFor="title">

From 5e3ba80fa7f219088ee9dfc95424da2130fa8332 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Mon, 13 May 2024 18:08:18 -0600
Subject: [PATCH 06/12] Fix typo

---
 app/create/create-project-form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index a185d341..aa3ea1e4 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -156,7 +156,7 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
       body: JSON.stringify({ ...projectParams, description: finalDescription }),
     })
     const newProject = await response.json()
-    router.push(`/projects/${newProject.slug} `)
+    router.push(`/projects/${newProject.slug}`)
     clearLocalStorageItem(DESCRIPTION_KEY)
     setIsSubmitting(false)
   }

From 4a5360b97451aa8c708e9eda947835fc5c209ed4 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 15 May 2024 14:16:23 -0700
Subject: [PATCH 07/12] Add a UI for grantmakers to judge apps

---
 app/projects/[slug]/approve-app.tsx | 69 +++++++++++++++++++++++++++++
 app/projects/[slug]/comments.tsx    |  5 ++-
 pages/api/judge-app.ts              | 46 +++++++++++++++++++
 3 files changed, 119 insertions(+), 1 deletion(-)
 create mode 100644 app/projects/[slug]/approve-app.tsx
 create mode 100644 pages/api/judge-app.ts

diff --git a/app/projects/[slug]/approve-app.tsx b/app/projects/[slug]/approve-app.tsx
new file mode 100644
index 00000000..d92e7861
--- /dev/null
+++ b/app/projects/[slug]/approve-app.tsx
@@ -0,0 +1,69 @@
+import { Button } from '@/components/button'
+import { Input } from '@/components/input'
+import { Col } from '@/components/layout/col'
+import { HorizontalRadioGroup } from '@/components/radio-group'
+import { Project } from '@/db/project'
+import { useRouter } from 'next/navigation'
+import { useState } from 'react'
+
+type AppStage = 'proposal' | 'not funded' | 'active' | null
+
+// A component that allows a grantmaker to approve or reject a proposal,
+// and to determine how much to fund it with, if approved.
+export function JudgeApp(props: { project: Project }) {
+  const { project } = props
+  const router = useRouter()
+  const [appStage, setAppStage] = useState<AppStage>(null)
+  const [amount, setAppAmount] = useState<number>(0)
+  return (
+    <Col className="mt-4 max-w-md gap-4 rounded-xl border border-gray-500 p-4">
+      <h2 className="text-xl font-semibold">Evaluate for LTFF</h2>
+
+      <HorizontalRadioGroup
+        options={{
+          approve: 'Approve',
+          reject: 'Reject',
+        }}
+        value={appStage === 'active' ? 'approve' : 'reject'}
+        onChange={(value) => {
+          setAppStage(value === 'approve' ? 'active' : 'not funded')
+        }}
+      />
+
+      {appStage === 'active' && (
+        <>
+          Amount to fund ($)
+          <Input
+            type="number"
+            value={amount}
+            onChange={(e) => setAppAmount(parseInt(e.target.value))}
+            placeholder="Amount"
+          />
+        </>
+      )}
+      <Button
+        onClick={async () => {
+          try {
+            await fetch('/api/judge-app', {
+              method: 'POST',
+              headers: {
+                'Content-Type': 'application/json',
+              },
+              body: JSON.stringify({
+                projectId: project.id,
+                causeSlug: 'ltff',
+                decision: appStage === 'active' ? 'approve' : 'reject',
+                funding: amount,
+              }),
+            })
+          } catch (e) {
+            console.error(e)
+          }
+          router.refresh()
+        }}
+      >
+        {appStage === 'active' ? 'Approve' : 'Reject'} {project.title}
+      </Button>
+    </Col>
+  )
+}
diff --git a/app/projects/[slug]/comments.tsx b/app/projects/[slug]/comments.tsx
index f6aebdf2..2edbe1b9 100644
--- a/app/projects/[slug]/comments.tsx
+++ b/app/projects/[slug]/comments.tsx
@@ -7,7 +7,7 @@ import { Project } from '@/db/project'
 import { ArrowUturnRightIcon } from '@heroicons/react/24/outline'
 import { PaperAirplaneIcon } from '@heroicons/react/24/solid'
 import { Row } from '@/components/layout/row'
-import { IconButton } from '@/components/button'
+import { Button, IconButton } from '@/components/button'
 import { useEffect, useState } from 'react'
 import { orderBy, sortBy } from 'lodash'
 import { Tooltip } from '@/components/tooltip'
@@ -17,6 +17,8 @@ import { JSONContent } from '@tiptap/react'
 import clsx from 'clsx'
 import { clearLocalStorageItem } from '@/hooks/use-local-storage'
 import { Comment } from '@/components/comment'
+import { Select } from '@/components/select'
+import { JudgeApp } from './approve-app'
 
 export function Comments(props: {
   project: Project
@@ -123,6 +125,7 @@ export function Comments(props: {
             commenter={userProfile}
             specialPrompt={specialPrompt}
           />
+          <JudgeApp project={project} />
         </div>
       )}
       {commentsDisplay}
diff --git a/pages/api/judge-app.ts b/pages/api/judge-app.ts
new file mode 100644
index 00000000..e69f443f
--- /dev/null
+++ b/pages/api/judge-app.ts
@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { createEdgeClient } from './_db'
+import { getProjectById, updateProjectStage } from '@/db/project'
+import { JSONContent } from '@tiptap/core'
+import { sendComment } from '@/db/comment'
+
+export const config = {
+  runtime: 'edge',
+  regions: ['sfo1'],
+  // From https://github.com/lodash/lodash/issues/5525
+  unstable_allowDynamic: [
+    '**/node_modules/lodash/_root.js', // Use a glob to allow anything in the function-bind 3rd party module
+  ],
+}
+
+type judgeAppProps = {
+  projectId: string
+  causeSlug: string
+  decision: 'approve' | 'reject'
+  funding: number
+}
+
+export default async function handler(req: NextRequest) {
+  const { projectId, causeSlug, decision, funding } =
+    (await req.json()) as judgeAppProps
+  console.log('judgeAppProps', projectId, causeSlug, decision, funding)
+  const supabase = createEdgeClient(req)
+
+  // Turn off auth checks for hackathon
+  // const resp = await supabase.auth.getUser()
+  // const user = resp.data.user
+  // const project = await getProjectById(supabase, projectId)
+  // if (!user || user.id !== project.creator) return NextResponse.error()
+
+  // Update the project cause to include the decision and funding amount
+  const { data, error } = await supabase
+    .from('project_causes')
+    .update({
+      application_stage: decision === 'approve' ? 'active' : 'not funded',
+    })
+    .eq('project_id', projectId)
+    .eq('cause_slug', causeSlug)
+  console.log('done', data, error)
+
+  return NextResponse.json('success')
+}

From de8769e51e3457ef07ad104d3fc2ce2c7bbcc346 Mon Sep 17 00:00:00 2001
From: Caleb Parikh <parikhcaleb@gmail.com>
Date: Wed, 15 May 2024 14:31:24 -0700
Subject: [PATCH 08/12] small cleanup of create proj and added  rls for private
 grants to seed.sql

---
 app/create/create-project-form.tsx | 29 +++++++----------------------
 seed.sql                           | 22 +++++++++++++++++++++-
 2 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index a185d341..fa2b4b49 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -188,25 +188,6 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
           </SiteLink>
           .
         </p>
-        <HorizontalRadioGroup
-          value={projectParams.selectedPrize?.slug ?? 'grant'}
-          onChange={(value) =>
-            updateProjectParams({
-              selectedPrize:
-                value === 'grant'
-                  ? null
-                  : selectablePrizeCauses.find(
-                      (cause) => cause.slug === value
-                    ) ?? null,
-            })
-          }
-          options={{
-            grant: 'A regular grant',
-            ...Object.fromEntries(
-              selectablePrizeCauses.map((cause) => [cause.slug, cause.title])
-            ),
-          }}
-        />
 
         <Row className="items-start">
           <Checkbox
@@ -431,9 +412,13 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
         <SelectCauses
           causesList={selectableCauses}
           selectedCauses={projectParams.selectedCauses}
-          setSelectedCauses={(newCauses: MiniCause[]) =>
-            updateProjectParams({ selectedCauses: newCauses })
-          }
+          setSelectedCauses={(newCauses: (MiniCause | undefined)[]) =>
+            updateProjectParams({
+              selectedCauses: newCauses.filter(
+                (cause): cause is MiniCause => !!cause
+              ),
+            })
+          } //added a type assertion to filter out any undefined values from the newCauses array before updating the selectedCauses property.
         />
       </Col>
 
diff --git a/seed.sql b/seed.sql
index 4a3e4c92..d22d523e 100644
--- a/seed.sql
+++ b/seed.sql
@@ -14,6 +14,7 @@ create table public.profiles (
   long_description jsonb,
   regranter_status boolean not null,
   stripe_connect_id text,
+  managed_causes jsonb,
   primary key (id)
 );
 
@@ -96,6 +97,7 @@ create table if not exists public.projects (
   approved boolean,
   signed_agreement boolean not null default false,
   markets jsonb,
+  private bool,
   primary key (id)
 );
 
@@ -110,7 +112,7 @@ UPDATE
 
 CREATE POLICY "Enable read access for all users" ON "public"."projects" AS PERMISSIVE FOR
 SELECT
-  TO public USING (true);
+  TO public USING (private = false);
 
 CREATE POLICY "Enable update for austin based on email" ON "public"."projects" AS PERMISSIVE FOR
 UPDATE
@@ -154,6 +156,24 @@ INSERT
     AND auth.uid() :: text = (storage.foldername(name)) [1]
   );
 
+CREATE POLICY "Allow user to see own private records"
+ON "public"."projects"
+TO authenticated
+USING ((( SELECT auth.uid() AS uid) = creator)
+);
+
+CREATE policy "Allow cause managers to see cause grants"
+ON "public"."projects"
+TO public
+USING (
+  ((private = false) OR (id IN ( SELECT projects.id
+  FROM project_causes
+  WHERE (project_causes.cause_slug IN ( SELECT jsonb_array_elements_text(profiles.managed_causes) AS jsonb_array_elements_text
+  FROM profiles
+  WHERE (profiles.id = auth.uid()))))))
+);
+
+
 --
 --
 --

From 4916cb6ddcf3f6b68b7ed7f608ba225aafc1de70 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 15 May 2024 16:35:19 -0700
Subject: [PATCH 09/12] Clean up multi-funder UI

---
 app/create/create-project-form.tsx | 140 +++++++++++++++--------------
 1 file changed, 73 insertions(+), 67 deletions(-)

diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index aa3ea1e4..316e69f0 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -25,6 +25,7 @@ import { usePartialUpdater } from '@/hooks/user-partial-updater'
 import { ProjectParams } from '@/utils/upsert-project'
 import questionBank from '../questions/questionBank.json'
 import questionChoicesData from '../questions/questionChoices.json'
+import { CheckCircleIcon } from '@heroicons/react/24/solid'
 
 interface QuestionsData {
   id: string
@@ -49,6 +50,7 @@ var DESCRIPTION_OUTLINE = `
 <h3>What other funding are you or your project getting?</h3>
 </br>
 `
+const FUNDERS = ['ltff', 'eaif']
 
 const addQuestionsToDescription = (
   selectedCauses: string[],
@@ -133,8 +135,12 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
     (cause) => cause.open && cause.prize
   )
   const selectableCauses = causesList.filter(
-    (cause) => cause.open && !cause.prize
+    (cause) => cause.open && !cause.prize && !FUNDERS.includes(cause.slug)
   )
+  const funderCauses = causesList.filter((cause) =>
+    FUNDERS.includes(cause.slug)
+  )
+
   const minMinFunding = projectParams.selectedPrize?.cert_params
     ? projectParams.selectedPrize.cert_params.minMinFunding
     : 500
@@ -176,10 +182,10 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
   return (
     <Col className="gap-4 p-5">
       <div className="flex flex-col md:flex-row md:justify-between">
-        <h1 className="text-3xl font-bold">Add a project</h1>
+        <h1 className="text-3xl font-bold">Propose a project</h1>
       </div>
       <Col className="gap-1">
-        <label>I am applying for...</label>
+        {/* <label>I am applying for...</label>
         <p className="text-sm text-gray-600">
           Select &quot;a regular grant&quot; by default. The other options are
           specific prizes that you can learn more about{' '}
@@ -206,65 +212,7 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
               selectablePrizeCauses.map((cause) => [cause.slug, cause.title])
             ),
           }}
-        />
-
-        <Row className="items-start">
-          <Checkbox
-            checked={projectParams.selectedCauses.some(
-              (cause) => cause.slug === 'ltff'
-            )}
-            onChange={(event) => {
-              const { checked } = event.target
-              const ltffCause = causesList.find(
-                (cause) => cause.slug === 'ltff'
-              )
-              updateProjectParams({
-                selectedCauses: checked
-                  ? [...projectParams.selectedCauses, ltffCause]
-                  : projectParams.selectedCauses.filter(
-                      (cause) => cause.slug !== 'ltff'
-                    ),
-              })
-              setIsLTFFSelected(checked)
-            }}
-          />
-          <span className="ml-3 mt-0.5 text-sm leading-tight">
-            <span className="font-bold">LTFF Grant</span>
-          </span>
-        </Row>
-        <Row className="items-start">
-          <Checkbox
-            checked={projectParams.selectedCauses.some(
-              (cause) => cause.slug === 'eaif'
-            )}
-            onChange={(event) => {
-              const { checked } = event.target
-              const eaifCause = causesList.find(
-                (cause) => cause.slug === 'eaif'
-              )
-              updateProjectParams({
-                selectedCauses: checked
-                  ? [...projectParams.selectedCauses, eaifCause]
-                  : projectParams.selectedCauses.filter(
-                      (cause) => cause.slug !== 'eaif'
-                    ),
-              })
-              setIsEAIFSelected(checked)
-            }}
-          />
-          <span className="ml-3 mt-0.5 text-sm leading-tight">
-            <span className="font-bold">EAIF Grant</span>
-          </span>
-        </Row>
-
-        <div>
-          <h3>Selected Causes:</h3>
-          <ul>
-            {projectParams.selectedCauses.map((cause) => (
-              <li key={cause.title}>{cause.title}</li>
-            ))}
-          </ul>
-        </div>
+        /> */}
       </Col>
       <Col className="gap-1">
         <label htmlFor="title">
@@ -287,6 +235,7 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
           </span>
         </Col>
       </Col>
+
       <Col className="gap-1">
         <label htmlFor="subtitle">Subtitle</label>
         <Col>
@@ -305,6 +254,62 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
           </span>
         </Col>
       </Col>
+
+      <Col className="gap-2">
+        <label>Common app funders</label>
+        <p className="text-sm text-gray-500">
+          Choose additional funders to review your project. Funders may ask
+          supplemental questions.
+        </p>
+
+        <SelectCauses
+          causesList={funderCauses}
+          selectedCauses={projectParams.selectedCauses}
+          setSelectedCauses={(newCauses: MiniCause[]) =>
+            updateProjectParams({ selectedCauses: newCauses })
+          }
+        />
+        {projectParams.selectedCauses.map((c) => c.slug).includes('ltff') && (
+          <div className="mb-4 mt-2">
+            <h2 className="text-lg">
+              <CheckCircleIcon className="mr-2 inline-block h-6 w-6 text-orange-500" />
+              Applying to{' '}
+              <SiteLink
+                followsLinkClass
+                className="text-orange-500"
+                href="https://funds.effectivealtruism.org/funds/far-future"
+              >
+                Long-Term Future Fund
+              </SiteLink>
+            </h2>
+            <p className="text-sm text-gray-800">
+              Funds people or projects that aim to improve the long-term future,
+              such as by reducing risks from artificial intelligence and
+              engineered pandemics
+            </p>
+          </div>
+        )}
+        {projectParams.selectedCauses.map((c) => c.slug).includes('eaif') && (
+          <div className="mb-4 mt-2">
+            <h2 className="text-lg">
+              <CheckCircleIcon className="mr-2 inline-block h-6 w-6 text-orange-500" />
+              Applying to{' '}
+              <SiteLink
+                followsLinkClass
+                className="text-orange-500"
+                href="https://funds.effectivealtruism.org/funds/ea-community"
+              >
+                EA Infrastructure Fund
+              </SiteLink>
+            </h2>
+            <p className="text-sm text-gray-800">
+              Funds organizations or people that aim to grow or improve the
+              effective altruism community
+            </p>
+          </div>
+        )}
+      </Col>
+
       <Col className="gap-1">
         <Row className="items-center justify-between">
           <label>
@@ -321,14 +326,15 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
           />
         </Row>
         <p className="text-sm text-gray-500">
-          Note that the editor offers formatting shortcuts{' '}
-          <Link
-            className="hover:underline"
+          Rich text supported, with formatting{' '}
+          <SiteLink
+            followsLinkClass
+            className="text-orange-500"
             href="https://www.notion.so/help/keyboard-shortcuts#markdown-style"
           >
             like Notion
-          </Link>{' '}
-          for hyperlinks, bullet points, headers, and more.
+          </SiteLink>{' '}
+          for links, bullet points, headings, images and more.
         </p>
         <TextEditor editor={editor} />
       </Col>

From 05fce8eaab98044cfa2b1e7892b481c4e1ccdde5 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 15 May 2024 16:36:39 -0700
Subject: [PATCH 10/12] Move eval UI inside app status tab

---
 app/projects/[slug]/comments.tsx     | 2 --
 app/projects/[slug]/project-tabs.tsx | 2 ++
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/projects/[slug]/comments.tsx b/app/projects/[slug]/comments.tsx
index 2edbe1b9..1567a9d9 100644
--- a/app/projects/[slug]/comments.tsx
+++ b/app/projects/[slug]/comments.tsx
@@ -18,7 +18,6 @@ import clsx from 'clsx'
 import { clearLocalStorageItem } from '@/hooks/use-local-storage'
 import { Comment } from '@/components/comment'
 import { Select } from '@/components/select'
-import { JudgeApp } from './approve-app'
 
 export function Comments(props: {
   project: Project
@@ -125,7 +124,6 @@ export function Comments(props: {
             commenter={userProfile}
             specialPrompt={specialPrompt}
           />
-          <JudgeApp project={project} />
         </div>
       )}
       {commentsDisplay}
diff --git a/app/projects/[slug]/project-tabs.tsx b/app/projects/[slug]/project-tabs.tsx
index 244bdccf..315e2b2f 100644
--- a/app/projects/[slug]/project-tabs.tsx
+++ b/app/projects/[slug]/project-tabs.tsx
@@ -17,6 +17,7 @@ import { formatMoneyPrecise, formatPercent } from '@/utils/formatting'
 import { MarketTab } from '../market-tab'
 import clsx from 'clsx'
 import { Col } from '@/components/layout/col'
+import { JudgeApp } from './approve-app'
 
 export function ProjectTabs(props: {
   project: FullProject
@@ -142,6 +143,7 @@ export function ProjectTabs(props: {
               }
             />
           </div>
+          <JudgeApp project={project} />
         </Col>
       </Col>
     ),

From f5b4de62aadd9408b0fdc0955d71cbba93627095 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 15 May 2024 16:46:51 -0700
Subject: [PATCH 11/12] Surface other funders at the top

---
 app/causes/page.tsx                | 19 +++++++++++++++++--
 app/create/create-project-form.tsx |  6 +++---
 utils/constants.ts                 |  2 ++
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/app/causes/page.tsx b/app/causes/page.tsx
index 6fb13df6..9e1a02d9 100644
--- a/app/causes/page.tsx
+++ b/app/causes/page.tsx
@@ -2,15 +2,29 @@ import { createServerClient } from '@/db/supabase-server'
 import { FullCause, listFullCauses } from '@/db/cause'
 import Image from 'next/image'
 import Link from 'next/link'
+import { FUNDER_SLUGS } from '@/utils/constants'
 
 export default async function CausesPage() {
   const supabase = createServerClient()
   const causesList = await listFullCauses(supabase)
+  const funders = causesList.filter((c) => FUNDER_SLUGS.includes(c.slug))
   const prizes = causesList.filter((c) => c.prize)
-  const regularCauses = causesList.filter((c) => !c.prize)
+  const regularCauses = causesList.filter(
+    (c) => !c.prize && !FUNDER_SLUGS.includes(c.slug)
+  )
   return (
     <div className="p-5">
-      <h1 className="text-lg font-bold text-gray-900 sm:text-2xl">
+      <h1 className="text-lg font-bold text-gray-900 sm:text-2xl">Funders</h1>
+      <span className="text-sm text-gray-600">
+        Other funders who partner with Manifund&apos;s common app
+      </span>
+      <div className="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-8">
+        {funders.map((cause) => (
+          <CauseCard key={cause.slug} cause={cause} />
+        ))}
+      </div>
+
+      <h1 className="mt-10 text-lg font-bold text-gray-900 sm:text-2xl">
         Prize rounds
       </h1>
       <span className="text-sm text-gray-600">
@@ -21,6 +35,7 @@ export default async function CausesPage() {
           <CauseCard key={cause.slug} cause={cause} />
         ))}
       </div>
+
       <h1 className="mt-10 text-lg font-bold text-gray-900 sm:text-2xl">
         Causes
       </h1>
diff --git a/app/create/create-project-form.tsx b/app/create/create-project-form.tsx
index 316e69f0..6f4b4c83 100644
--- a/app/create/create-project-form.tsx
+++ b/app/create/create-project-form.tsx
@@ -26,6 +26,7 @@ import { ProjectParams } from '@/utils/upsert-project'
 import questionBank from '../questions/questionBank.json'
 import questionChoicesData from '../questions/questionChoices.json'
 import { CheckCircleIcon } from '@heroicons/react/24/solid'
+import { FUNDER_SLUGS } from '@/utils/constants'
 
 interface QuestionsData {
   id: string
@@ -50,7 +51,6 @@ var DESCRIPTION_OUTLINE = `
 <h3>What other funding are you or your project getting?</h3>
 </br>
 `
-const FUNDERS = ['ltff', 'eaif']
 
 const addQuestionsToDescription = (
   selectedCauses: string[],
@@ -135,10 +135,10 @@ export function CreateProjectForm(props: { causesList: Cause[] }) {
     (cause) => cause.open && cause.prize
   )
   const selectableCauses = causesList.filter(
-    (cause) => cause.open && !cause.prize && !FUNDERS.includes(cause.slug)
+    (cause) => cause.open && !cause.prize && !FUNDER_SLUGS.includes(cause.slug)
   )
   const funderCauses = causesList.filter((cause) =>
-    FUNDERS.includes(cause.slug)
+    FUNDER_SLUGS.includes(cause.slug)
   )
 
   const minMinFunding = projectParams.selectedPrize?.cert_params
diff --git a/utils/constants.ts b/utils/constants.ts
index 83bf1643..4d90d108 100644
--- a/utils/constants.ts
+++ b/utils/constants.ts
@@ -98,3 +98,5 @@ export function isCharitableDeposit(txnId: string) {
 }
 
 export const CURRENT_AGREEMENT_VERSION = 3
+
+export const FUNDER_SLUGS = ['ltff', 'eaif']

From e1c443d4303a1a8390b04af9073ed23f2f3bacfe Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 15 May 2024 16:46:59 -0700
Subject: [PATCH 12/12] Remove console logs

---
 pages/api/judge-app.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/api/judge-app.ts b/pages/api/judge-app.ts
index e69f443f..ec17d4cd 100644
--- a/pages/api/judge-app.ts
+++ b/pages/api/judge-app.ts
@@ -23,7 +23,6 @@ type judgeAppProps = {
 export default async function handler(req: NextRequest) {
   const { projectId, causeSlug, decision, funding } =
     (await req.json()) as judgeAppProps
-  console.log('judgeAppProps', projectId, causeSlug, decision, funding)
   const supabase = createEdgeClient(req)
 
   // Turn off auth checks for hackathon
@@ -40,7 +39,6 @@ export default async function handler(req: NextRequest) {
     })
     .eq('project_id', projectId)
     .eq('cause_slug', causeSlug)
-  console.log('done', data, error)
 
   return NextResponse.json('success')
 }