add create program button

gitcoinco · Jun 10, 2024 · c2399f7 · c2399f7
1 parent 0ee4049
commit c2399f7
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 14 deletions.
diff --git a/packages/round-manager/src/features/common/Navbar.tsx b/packages/round-manager/src/features/common/Navbar.tsx
@@ -35,7 +35,7 @@ export default function Navbar({ programCta: programCta = true }: NavbarProps) {
                     className="inline-flex w-full items-center gap-x-1.5 bg-transparent px-3 py-2 text-mono text-sm text-gray-500"
                     data-testid="program-cta"
                   >
-                    <HomeIcon className="h-6 w-6" />
+                    <HomeIcon className="h-5 w-5" />
                     <span className="mr-2">Dashboard</span>
                   </Button>
                 )}

diff --git a/packages/round-manager/src/features/program/ListProgramPage.tsx b/packages/round-manager/src/features/program/ListProgramPage.tsx
@@ -5,6 +5,7 @@ import {
   ArrowNarrowRightIcon,
   CalendarIcon,
   ChevronUpIcon,
+  PlusIcon,
   UserGroupIcon,
 } from "@heroicons/react/solid";
 import { Spinner } from "../common/Spinner";
@@ -28,6 +29,7 @@ import { allChains } from "../../app/wagmi";
 import { useRoundsByAddress } from "../../context/round/RoundContext";
 import { useAccount } from "wagmi";
 import { getChainById, stringToBlobUrl } from "common";
+import { Button } from "common/src/styles";
 
 interface ProgramCardProps {
   title: string;
@@ -236,18 +238,28 @@ function ListPrograms() {
       )}
       <main className="container mx-14 px-8 max-h-full">
         <div className="flex flex-col mb-6">
-          <div className="flex flex-row items-center pt-8">
-            <span className="text-2xl font-medium text-gray-500 antialiased">
-              Programs
-            </span>
-            <span
-              className="ml-8 text-xs font-mono hover:cursor-pointer"
-              onClick={() => {
-                setViewAllPrograms(!viewAllPrograms);
-              }}
-            >
-              {viewAllPrograms ? "View less" : "View all"}
-            </span>
+          <div className="flex flex-row items-center justify-between">
+            <div className="flex flex-row items-center justify-start pt-8">
+              <span className="text-2xl font-medium text-gray-500 antialiased">
+                Programs
+              </span>
+              <span
+                className="ml-8 text-xs font-mono hover:cursor-pointer"
+                onClick={() => {
+                  setViewAllPrograms(!viewAllPrograms);
+                }}
+              >
+                {viewAllPrograms ? "View less" : "View all"}
+              </span>
+            </div>
+            <div className="flex flex-row items-center justify-end pt-8">
+              <Link to="/program/create">
+                <span className="flex flex-row items-center justify-between p-2 bg-white hover:border-gray-200 border border-transparent rounded-lg text-xs font-mono font-medium hover:cursor-pointer">
+                  <PlusIcon className="h-5 w-5 inline mr-2" />
+                  Create Program
+                </span>
+              </Link>
+            </div>
           </div>
         </div>
         <div className="w-full overflow-hidden items-center">
@@ -273,7 +285,7 @@ function ListPrograms() {
                 {viewAllRounds ? "View less" : "View all"}
               </span>
             </div>
-            <div className="flex flex-row items-center justify-end mr-32">
+            <div className="flex flex-row items-center justify-end">
               <div className="flex flex-row items-center justify-end pt-8">
                 <span className="text-xs font-mono font-medium hover:cursor-pointer">
                   Sort by Recent