From f7e3efac428980e346370b7a713a2fbeac309362 Mon Sep 17 00:00:00 2001
From: John Ballesteros <johnshift.dev@gmail.com>
Date: Tue, 12 Nov 2024 07:18:55 +0800
Subject: [PATCH] refactor: add view impact cta

Completes JOB-827
---
 .../components/grant-list/grant-list-item.tsx     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/grants/components/grant-list/grant-list-item.tsx b/src/grants/components/grant-list/grant-list-item.tsx
index db3b8cc..ce0e32b 100644
--- a/src/grants/components/grant-list/grant-list-item.tsx
+++ b/src/grants/components/grant-list/grant-list-item.tsx
@@ -1,6 +1,6 @@
 import Link from 'next/link';
 
-import { Avatar } from '@nextui-org/react';
+import { Avatar, Button } from '@nextui-org/react';
 
 import { ROUTE_SECTIONS } from '@/shared/core/constants';
 import { cn } from '@/shared/utils/cn';
@@ -95,9 +95,20 @@ export const GrantListItem = ({ grant, isLink = true, ctaText }: Props) => {
           )}
         </div>
       </div>
-      <div className="flex w-full items-center justify-end gap-4 pt-6 lg:max-w-[180px] lg:pt-0">
+      <div className="flex w-full flex-col items-center justify-end gap-4 pt-6 md:flex-row lg:max-w-[180px] lg:pt-0">
         <ApplyButton url={url} text={ctaText} />
 
+        {!ctaText && (
+          <div className="flex w-full lg:hidden">
+            <Button
+              className="mx-auto w-full rounded-xl border border-white/20 font-semibold"
+              variant="bordered"
+            >
+              <span>View Impact</span>
+            </Button>
+          </div>
+        )}
+
         <div className="hidden lg:flex">
           <CaretRightIcon />
         </div>