submit proposal and store in IPFS

dapp/.env.example

@@ -10,3 +10,6 @@ SOROBAN_NETWORK="testnet | public"
 
 PUBLIC_DEFAULT_FEE="100"
 PUBLIC_DEFAULT_TIMEOUT=30
+
+PUBLIC_STORACHA_SING_PRIVATE_KEY=""
+PUBLIC_STORACHA_PROOF=""

dapp/astro.config.mjs

@@ -1,8 +1,11 @@
 import { defineConfig } from "astro/config";
 import react from "@astrojs/react";
 import tailwind from "@astrojs/tailwind";
+import netlify from "@astrojs/netlify";
 
 // https://astro.build/config
 export default defineConfig({
   integrations: [react(), tailwind()],
+  output: "hybrid",
+  adapter: netlify(),
 });

dapp/package.json

@@ -1,12 +1,15 @@
 {
   "dependencies": {
     "@astrojs/check": "^0.9.4",
+    "@astrojs/netlify": "^5.5.4",
     "@astrojs/react": "^3.6.2",
     "@astrojs/tailwind": "5.1.2",
     "@creit.tech/sorobandomains-sdk": "^0.1.4",
     "@creit.tech/stellar-wallets-kit": "^1.2.5",
+    "@mdxeditor/editor": "^3.19.2",
     "@nanostores/react": "^0.8.0",
     "@stellar/stellar-sdk": "^13.0.0",
+    "@web3-storage/w3up-client": "^16.5.1",
     "astro": "4.16.14",
     "astro-seo": "^0.8.4",
     "github-markdown-css": "^5.8.0",

dapp/src/components/page/dashboard/ProjectList.jsx

@@ -90,7 +90,6 @@ const ProjectList = () => {
   };
 
   const checkProjectOnChain = async (projectName) => {
-    console.log("search:", projectName);
     setIsLoading(true);
     try {
       const project = await getProjectFromName(projectName);

dapp/src/components/page/governance/GovernancePageTitle.astro

@@ -18,19 +18,36 @@ import Topic from "../../utils/Topic.astro";
 </div>
 
 <script>
+  import { navigate } from "astro:transitions/client";
   import { projectNameForGovernance } from "utils/store";
   import { capitalizeFirstLetter } from "utils/utils";
 
   document.addEventListener("astro:page-load", async () => {
-    projectNameForGovernance.subscribe((projectName) => {
-      if (projectName) {
+    let projectName = "";
+    projectNameForGovernance.subscribe((_projectName) => {
+      if (_projectName) {
         const titleElement = document
           .getElementById("proposal-page-topic")
           ?.querySelector("span");
         if (titleElement) {
-          titleElement.textContent = `${capitalizeFirstLetter(projectName)} Governance`;
+          titleElement.textContent = `${capitalizeFirstLetter(_projectName)} Governance`;
         }
+        projectName = _projectName;
       }
     });
+
+    const submitProposalButton = document.getElementById(
+      "wrap-create-proposal-button",
+    );
+
+    if (submitProposalButton) {
+      submitProposalButton.addEventListener("click", () => {
+        if (projectName) {
+          navigate(`/proposal/new?name=${projectName}`);
+        } else {
+          alert("Project name is not provided");
+        }
+      });
+    }
   });
 </script>

dapp/src/components/page/governance/NewProposalPage.astro

@@ -0,0 +1,13 @@
+---
+import ProposalForm from "./ProposalForm";
+---
+
+<div
+  class="relative flex flex-col items-center lg:flex-row my-6 bg-zinc-100 rounded-[45px]"
+>
+  <div
+    class="row items-center py-12 px-4 sm:px-12 md:px-20 md:py-10 w-full lg:max-w-none"
+  >
+    <ProposalForm client:load />
+  </div>
+</div>

dapp/src/components/page/governance/NewProposalPageTitle.astro

@@ -0,0 +1,9 @@
+---
+import Topic from "components/utils/Topic.astro";
+---
+
+<div
+  class="relative flex flex-col items-center md:flex-row justify-between mb-1.5 mt-4 sm:mt-8 md:mt-12 gap-y-4"
+>
+  <Topic title="Create Proposal" description="" id="new-proposal-topic" />
+</div>

dapp/src/components/page/governance/ProposalCard.tsx

@@ -1,19 +1,25 @@
 import React from "react";
 import ProposalStatusShow from "./ProposalStatusShow";
-import type { ProposalCardView } from "types/proposal";
-import { calculateDateDifference } from "utils/formatTimeFunctions";
 import { navigate } from "astro:transitions/client";
+import { useStore } from "@nanostores/react";
+import { calculateDateDifference } from "utils/formatTimeFunctions";
+import { projectNameForGovernance } from "utils/store";
+import type { ProposalCardView } from "types/proposal";
 
 const ProposalCard: React.FC<ProposalCardView> = ({
   proposalNumber,
   proposalTitle,
   proposalStatus,
   endDate,
 }) => {
+  const projectName = useStore(projectNameForGovernance);
+
   return (
     <div
       className="w-full px-2 sm:px-4 md:pl-8 py-2 sm:py-3 md:py-4.5 bg-white border border-zinc-300 rounded-lg sm:rounded-xl cursor-pointer hover:border-lime hover:bg-zinc-500"
-      onClick={() => navigate(`/proposal?id=${proposalNumber}`)}
+      onClick={() =>
+        navigate(`/proposal?id=${proposalNumber}&&name=${projectName}`)
+      }
     >
       <div className="w-full flex justify-between items-center">
         <div className="lg:max-w-[calc(100%-240px)] flex items-start gap-2">