From 9ba3b6a1cb1b1fa8aeaf09b2a5f1780b9bf218bb Mon Sep 17 00:00:00 2001 From: josieek Date: Sat, 18 Oct 2025 22:41:51 -0400 Subject: [PATCH 01/13] top left quadrant complete --- .../main-page/grants/grant-list/GrantItem.tsx | 156 +++++++++++++++++- .../src/main-page/grants/styles/GrantItem.css | 2 - frontend/src/styles/button.css | 2 +- 3 files changed, 152 insertions(+), 8 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index 38cd591..0ee2353 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -59,13 +59,28 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) setStatusDropdownOpen(false); }; + function formatDate(isoString: string): string { + const date = new Date(isoString); + return date.toLocaleDateString("en-US", { + year: "numeric", + month: "long", + day: "numeric", + }); + } + + function formatCurrency(amount : number): string { + const formattedCurrency = new Intl.NumberFormat('en-US', {style: 'currency',currency: 'USD', +maximumFractionDigits:0}).format(amount); +return formattedCurrency; + } + return (
-
  • +
  • {isExpanded ? : } {curGrant.organization}
    • @@ -75,7 +90,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) : "No date"}
  • - {curGrant.amount ? "$" + curGrant.amount : ""} + {formatCurrency(curGrant.amount)}
  • {isEditing ? ( @@ -169,10 +184,141 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false })
    • {isExpanded && ( -
    -

    - Community Development Initiative Grant +
    +

    + Organization Name

    + {curGrant.organization} + + {/*Top left quadrant */} +
    + + {/* Left column (labels to the left of report deadlines)*/} +
    + + {/*Application date and grant start date */} +
    + {/*Application date*/} +
    + +
    + {formatDate(curGrant.application_deadline)} +
    +
    + {/*Grant Start Date */} +
    + +
    + {curGrant.grant_start_date} +
    +
    +
    + + {/*Estimated completition time */} +
    + +
    + {curGrant.estimated_completion_time} +
    +
    + + {/*Timeline and Amount*/} +
    + {/*Timeline*/} +
    + +
    + {curGrant.timeline} +
    +
    + {/*Amount */} +
    + +
    + {formatCurrency(curGrant.amount)} +
    +
    +
    + +
    + + {/*Right column - report deadlines and grey box*/} +
    + + +
    + {/*Map each available report deadline to a div label + If no deadlines, add "No deadlines" text */} + {curGrant.report_deadlines && curGrant.report_deadlines.length > 0 ? ( + curGrant.report_deadlines.map((deadline: string, index: number) => ( +
    + {formatDate(deadline)} +
    + )) + ) : ( +
    No deadlines
    + )} +
    + + +
    + +
    +
    Date: Sat, 18 Oct 2025 23:29:06 -0400 Subject: [PATCH 02/13] restructured div setup of left column --- .../main-page/grants/grant-list/GrantItem.tsx | 324 ++++++++++-------- 1 file changed, 186 insertions(+), 138 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index 0ee2353..1c87e37 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -9,6 +9,7 @@ import { DoesBcanQualifyText } from "../../../translations/general"; import RingButton, { ButtonColorOption } from "../../../custom/RingButton"; import { Status } from "../../../../../middle-layer/types/Status"; import { api } from "../../../api"; +import { MdOutlinePerson2 } from "react-icons/md"; interface GrantItemProps { grant: Grant; @@ -182,161 +183,208 @@ return formattedCurrency; )}
    +
    {isExpanded && ( -
    -

    - Organization Name -

    - {curGrant.organization} + - {/*Top left quadrant */} -
    +
    + {/*Top left quadrant */} +
    + + {/*Organization name */} +
    +

    + Organization Name +

    + {curGrant.organization} +
    - {/* Left column (labels to the left of report deadlines)*/} -
    + {/*Section below org name : App date, report deadlines, amount */} +
    + {/*Left cluster of gray labels : Application Date -> Amount */} +
    + {/*Application date and grant start date */} +
    + {/*Application date*/} +
    + +
    + {formatDate(curGrant.application_deadline)} +
    +
    + {/*Grant Start Date */} +
    + +
    + {curGrant.grant_start_date} +
    +
    +
    - {/*Application date and grant start date */} -
    - {/*Application date*/} -
    - -
    - {formatDate(curGrant.application_deadline)} -
    -
    - {/*Grant Start Date */} -
    - -
    - {curGrant.grant_start_date} -
    -
    -
    + {/*Estimated completition time */} +
    + +
    + {curGrant.estimated_completion_time} +
    +
    - {/*Estimated completition time */} -
    - -
    - {curGrant.estimated_completion_time} -
    -
    + {/*Timeline and Amount row*/} +
    + {/*Timeline*/} +
    + +
    + {curGrant.timeline} +
    +
    + {/*Amount */} +
    + +
    + {formatCurrency(curGrant.amount)} +
    +
    + {/*End timeline and amount row */} +
    - {/*Timeline and Amount*/} -
    - {/*Timeline*/} -
    - -
    - {curGrant.timeline} -
    -
    - {/*Amount */} -
    - -
    - {formatCurrency(curGrant.amount)} + {/*End left cluster of gray labels */}
    + + {/*Report deadlines div*/} +
    + +
    + {/*Map each available report deadline to a div label + If no deadlines, add "No deadlines" text */} + {curGrant.report_deadlines && curGrant.report_deadlines.length > 0 ? ( + curGrant.report_deadlines.map((deadline: string, index: number) => ( +
    + {formatDate(deadline)} +
    + )) + ) : ( +
    No deadlines
    + )} + {/*End report deadlines column */} +
    + + {/*End section below org */}
    -
    + + + + +
    - {/*Right column - report deadlines and grey box*/} -
    - - -
    - {/*Map each available report deadline to a div label - If no deadlines, add "No deadlines" text */} - {curGrant.report_deadlines && curGrant.report_deadlines.length > 0 ? ( - curGrant.report_deadlines.map((deadline: string, index: number) => ( -
    - {formatDate(deadline)} -
    - )) - ) : ( -
    No deadlines
    - )} + + {/*End top left column */} +
    + + {/*Top right quadrant*/} +
    + + {/*POC row */} +
    + {/*BCAN POC div*/} +
    + + {/*Box div*/} +
    + +
    + + +
    +
    - + + {/*Grant Provider POC div*/} +
    + + {/*Box div*/} +
    + +
    + + +
    +
    +
    +
    - -
    -
    - -
    -
    - -
    -
    + + + + )}
    From 15ce7695bb4f72ee31d9e64a4f517a5335358003 Mon Sep 17 00:00:00 2001 From: josieek Date: Sun, 19 Oct 2025 17:29:48 -0400 Subject: [PATCH 03/13] aligned top of left and right columns --- .../main-page/grants/grant-list/GrantItem.tsx | 328 ++++++++---------- .../src/main-page/grants/styles/GrantItem.css | 5 + 2 files changed, 157 insertions(+), 176 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index 1c87e37..cd91075 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -186,205 +186,181 @@ return formattedCurrency;
    {isExpanded && ( - +
    -
    - {/*Top left quadrant */} -
    - - {/*Organization name */} -
    -

    - Organization Name -

    - {curGrant.organization} -
    + {/*Organization name (only div in the first row) */} +
    +

    Organization Name

    + {curGrant.organization} +
    + + {/*div for the two columns below organization name */} +
    - {/*Section below org name : App date, report deadlines, amount */} -
    - {/*Left cluster of gray labels : Application Date -> Amount */} -
    - {/*Application date and grant start date */} -
    - {/*Application date*/} -
    - -
    - {formatDate(curGrant.application_deadline)} -
    -
    - {/*Grant Start Date */} -
    - -
    - {curGrant.grant_start_date} -
    -
    -
    + {/*Left column */} +
    - {/*Estimated completition time */} -
    - -
    - {curGrant.estimated_completion_time} -
    + {/*Left column of gray labels */} +
    + {/*Application date and grant start date row*/} +
    + {/*Application date*/} +
    + +
    + {formatDate(curGrant.application_deadline)} +
    +
    + {/*Grant Start Date */} +
    + +
    + {curGrant.grant_start_date}
    +
    - {/*Timeline and Amount row*/} -
    - {/*Timeline*/} -
    - -
    - {curGrant.timeline} -
    -
    - {/*Amount */} -
    - -
    - {formatCurrency(curGrant.amount)} -
    -
    - {/*End timeline and amount row */} -
    + {/*End application date and grant start date row */} +
    - {/*End left cluster of gray labels */} + {/*Estimated completition time row*/} +
    + +
    + {curGrant.estimated_completion_time} +
    + {/*End est completion time row */} +
    + + {/*Timeline and Amount row*/} +
    + {/*Timeline*/} +
    + +
    + {curGrant.timeline} +
    +
    + {/*Amount */} +
    + +
    + {formatCurrency(curGrant.amount)}
    +
    + {/*End timeline and amount row */} +
    + {/*End column of gray labels */} +
    - {/*Report deadlines div*/} -
    - + {/*Report deadlines div*/} +
    + +
    + {/*Map each available report deadline to a div label + If no deadlines, add "No deadlines" text */} + {curGrant.report_deadlines && curGrant.report_deadlines.length > 0 ? ( + curGrant.report_deadlines.map((deadline: string, index: number) => (
    - {/*Map each available report deadline to a div label - If no deadlines, add "No deadlines" text */} - {curGrant.report_deadlines && curGrant.report_deadlines.length > 0 ? ( - curGrant.report_deadlines.map((deadline: string, index: number) => ( -
    - {formatDate(deadline)} -
    - )) - ) : ( -
    No deadlines
    - )} - {/*End report deadlines column */} -
    - - {/*End section below org */} + {formatDate(deadline)} +
    + )) + ) : ( +
    No deadlines
    + )}
    - - - - - - + {/*End report deadlines div*/}
    - - {/*End top left column */} -
    - - {/*Top right quadrant*/} -
    + {/*End left column */} +
    - {/*POC row */} -
    - {/*BCAN POC div*/} -
    - - {/*Box div*/} -
    - -
    - - -
    -
    + {/*Right column */} +
    + {/*POC row */} +
    + {/*BCAN POC div*/} +
    + + {/*Box div*/} +
    + +
    + + +
    +
    - {/*Grant Provider POC div*/} -
    - - {/*Box div*/} -
    - -
    - - -
    -
    + {/*Grant Provider POC div*/} +
    + + {/*Box div*/} +
    + +
    + + +
    - + {/*End POC row */}
    - -
    - - + {/*End right column */} +
    + {/*End two main left right columns */} +
    + + {/*End expanded div */} +
    )}
    diff --git a/frontend/src/main-page/grants/styles/GrantItem.css b/frontend/src/main-page/grants/styles/GrantItem.css index 5f44b50..481b068 100644 --- a/frontend/src/main-page/grants/styles/GrantItem.css +++ b/frontend/src/main-page/grants/styles/GrantItem.css @@ -86,4 +86,9 @@ transition: background-color 0.3s ease; } +.gray-label { + color: black; + background-color: "#D3D3D3"; +} + From 1aacf5938b11360cea7efb49243788922e87dcdb Mon Sep 17 00:00:00 2001 From: josieek Date: Sun, 19 Oct 2025 20:29:12 -0400 Subject: [PATCH 04/13] formatted poc divs --- .../main-page/grants/grant-list/GrantItem.tsx | 32 +++++++++---------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index cd91075..e924320 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -318,35 +318,35 @@ return formattedCurrency; {/*POC row */}
    {/*BCAN POC div*/} -
    +
    {/*Box div*/} -
    - -
    - - +
    + +
    +

    {curGrant.bcan_poc?.POC_name ?? 'Unknown'}

    +

    {curGrant.bcan_poc?.POC_email ?? '----------'}

    {/*Grant Provider POC div*/} -
    +
    {/*Box div*/} -
    - -
    - - +
    + +
    +

    {curGrant.grantmaker_poc?.POC_name ?? 'Unknown'}

    +

    {curGrant.grantmaker_poc?.POC_email ?? '----------'}

    From bd469b80e7611f0f2a8c0817f8ed48fbeefd8a36 Mon Sep 17 00:00:00 2001 From: josieek Date: Sun, 19 Oct 2025 22:04:35 -0400 Subject: [PATCH 05/13] added colored attribute toggles --- frontend/src/custom/RingButton.tsx | 8 ++- .../main-page/grants/grant-list/GrantItem.tsx | 63 +++++++++++++++++-- 2 files changed, 64 insertions(+), 7 deletions(-) diff --git a/frontend/src/custom/RingButton.tsx b/frontend/src/custom/RingButton.tsx index d419f2e..bc3d2f5 100644 --- a/frontend/src/custom/RingButton.tsx +++ b/frontend/src/custom/RingButton.tsx @@ -3,11 +3,13 @@ import "../styles/button.css"; /* Maintained with button.css */ export enum ButtonColorOption { - GREEN, - GRAY, - ORANGE, + GREEN = "#5AB911", + GRAY = "#D3D3D3", + ORANGE = "#F7A781", } + + /* API for components to setup a button with expected system colors */ interface RingButtonProps { /* The text to display for the button */ diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index e924320..f967e1f 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -314,11 +314,11 @@ return formattedCurrency;
    {/*Right column */} -
    +
    {/*POC row */} -
    +
    {/*BCAN POC div*/} -
    +
    @@ -335,7 +335,7 @@ return formattedCurrency;
    {/*Grant Provider POC div*/} -
    +
    @@ -352,6 +352,61 @@ return formattedCurrency;
    {/*End POC row */}
    + + {/* Colored attributes + scope documents row*/} +
    + {/*Colored attributes row */} +
    + + {/*Does BCAN qualify */} +
    + +
    + {curGrant.does_bcan_qualify ? "Yes" : "No"} +
    +
    + + {/*Status*/} +
    + +
    + {curGrant.status} +
    + +
    + + {/*Restriction*/} +
    + +
    + {curGrant.isRestricted ? "Restricted" : "Not Restricted"} +
    +
    + +
    +
    {/*End right column */}
    From 4ed2933ad1a1836a072ebbac031197a8881c0fac Mon Sep 17 00:00:00 2001 From: josieek Date: Mon, 20 Oct 2025 22:52:58 -0400 Subject: [PATCH 06/13] all frontend components displayed --- .../main-page/grants/grant-list/GrantItem.tsx | 342 +++++++++++------- 1 file changed, 213 insertions(+), 129 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index f967e1f..b11f9db 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -10,6 +10,7 @@ import RingButton, { ButtonColorOption } from "../../../custom/RingButton"; import { Status } from "../../../../../middle-layer/types/Status"; import { api } from "../../../api"; import { MdOutlinePerson2 } from "react-icons/md"; +import Attachment from "../../../../../middle-layer/types/Attachment"; interface GrantItemProps { grant: Grant; @@ -62,11 +63,10 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) function formatDate(isoString: string): string { const date = new Date(isoString); - return date.toLocaleDateString("en-US", { - year: "numeric", - month: "long", - day: "numeric", - }); + const month = String(date.getMonth() + 1).padStart(2, '0'); + const day = String(date.getDate()).padStart(2, '0'); + const year = date.getFullYear(); + return `${month}/${day}/${year}`; } function formatCurrency(amount : number): string { @@ -184,165 +184,174 @@ return formattedCurrency;
    -
    +
    {isExpanded && (
    - {/*Organization name (only div in the first row) */} -
    -

    Organization Name

    - {curGrant.organization} -
    - - {/*div for the two columns below organization name */} -
    + {/*div for the two columns above description*/} +
    {/*Left column */} -
    - - {/*Left column of gray labels */} -
    - {/*Application date and grant start date row*/} -
    - {/*Application date*/} -
    - -
    - {formatDate(curGrant.application_deadline)} -
    -
    - {/*Grant Start Date */} -
    - +
    + + {/*Organization name (only div in the first row) */} +
    + +
    {curGrant.organization}
    +
    + + {/*Col of gray labels + col of report deadliens (below org name) */} +
    + {/*Left column of gray labels */} +
    + + {/*Application date and grant start date row*/} +
    + {/*Application date*/} +
    +
    - {curGrant.grant_start_date} + {formatDate(curGrant.application_deadline)}
    -
    - - {/*End application date and grant start date row */} -
    +
    + {/*Grant Start Date */} +
    + +
    + {curGrant.grant_start_date} +
    +
    - {/*Estimated completition time row*/} -
    - -
    - {curGrant.estimated_completion_time} + {/*End application date and grant start date row */}
    - {/*End est completion time row */} -
    - {/*Timeline and Amount row*/} -
    - {/*Timeline*/} -
    -
    - {/*Report deadlines div*/} -
    - -
    - {/*Map each available report deadline to a div label - If no deadlines, add "No deadlines" text */} - {curGrant.report_deadlines && curGrant.report_deadlines.length > 0 ? ( - curGrant.report_deadlines.map((deadline: string, index: number) => ( -
    - {formatDate(deadline)} -
    - )) - ) : ( -
    No deadlines
    - )} + {/*Timeline and Amount row*/} +
    + {/*Timeline*/} +
    + +
    + {curGrant.timeline + " years"} +
    +
    + {/*Amount */} +
    + +
    + {formatCurrency(curGrant.amount)}
    - {/*End report deadlines div*/} +
    + {/*End timeline and amount row */}
    + + {/*End left column */}
    {/*Right column */} -
    +
    {/*POC row */} -
    +
    {/*BCAN POC div*/}
    -

    {/*Grant Provider POC div*/}
    -
    @@ -421,9 +481,9 @@ const NewGrantModal: React.FC<{ onClose: () => void }> = ({ onClose }) => { - + className="h-48 block w-full text-gray-700 border rounded py-3 px-4 mb-3 leading-tight" id="grid-first-name" type="text" + placeholder={grant? "" : "Write description here" } defaultValue={grant? grant.description : ""}/>
    diff --git a/frontend/src/main-page/header/Header.tsx b/frontend/src/main-page/header/Header.tsx index 2478af5..120b94f 100644 --- a/frontend/src/main-page/header/Header.tsx +++ b/frontend/src/main-page/header/Header.tsx @@ -3,7 +3,7 @@ import "./styles/Header.css"; import logo from "../../images/bcan_logo.svg"; import { Status, - statusToString, + stringToStatus, } from "../../../../middle-layer/types/Status.ts"; import { updateFilter, @@ -40,7 +40,7 @@ const Header: React.FC = observer(() => { ) { if (!linkTo) { e.preventDefault(); - updateFilter(statusToString(category)); + updateFilter(stringToStatus(category)); } } diff --git a/middle-layer/types/Status.ts b/middle-layer/types/Status.ts index 44dbc44..62c2fec 100644 --- a/middle-layer/types/Status.ts +++ b/middle-layer/types/Status.ts @@ -5,7 +5,7 @@ * (3) Inactive: Grant earnings are used up */ export enum Status { - Potential= "Potential", + Potential = "Potential", Active = "Active", Inactive = "Inactive", Rejected = "Rejected", @@ -16,7 +16,7 @@ export enum Status { // 3) turn enums to string // string rep of status -export function statusToString(status: string): Status | null{ +export function stringToStatus(status: string): Status | null{ switch (status) { case 'All': return null; // no filter case 'Active': return Status.Active; @@ -28,6 +28,16 @@ export function statusToString(status: string): Status | null{ } } +export function statusToString(status : Status): string { + switch (status) { + case Status.Active : return 'Active'; + case Status.Inactive : return "Inactive"; + case Status.Potential : return "Potential"; + case Status.Rejected : return "Rejected"; + case Status.Pending : return "Pending"; + } +} + // color associated with status on UI, represented as a string export function getColorStatus(status: string) { switch (status) { From 538e408f5f71ef4fd96e744dad3d32a359a543a8 Mon Sep 17 00:00:00 2001 From: josieek Date: Tue, 21 Oct 2025 21:22:06 -0400 Subject: [PATCH 09/13] deleted unused imports --- frontend/src/main-page/grants/grant-list/GrantItem.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index a9f415d..919d983 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -1,7 +1,5 @@ import React, { useEffect, useState } from "react"; import "../styles/GrantItem.css"; -import { GrantAttributes } from "../grant-details/GrantAttributes"; -import GrantDetails from "../grant-details/GrantDetails"; import StatusIndicator from "./StatusIndicator"; import { FaChevronDown, FaChevronRight } from "react-icons/fa"; import { Grant } from "../../../../../middle-layer/types/Grant"; From 2e69794a4749c33a66975bf512586e70f65dfa80 Mon Sep 17 00:00:00 2001 From: josieek Date: Mon, 3 Nov 2025 21:00:28 -0500 Subject: [PATCH 10/13] added more padding space between poc divs --- frontend/src/main-page/grants/grant-list/GrantItem.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index 919d983..5fa7458 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -439,7 +439,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false })
    {/*Grant Provider POC div*/} -
    +
    @@ -460,7 +460,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) {/* Colored attributes + scope documents row*/}
    {/*Colored attributes col */} -
    +
    {/*Does BCAN qualify */}
    @@ -512,7 +512,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false })
    {/*Scope documents div*/} -
    +
    From ee4e1d19d63b1c13b930c63c20d71de134428bc6 Mon Sep 17 00:00:00 2001 From: josieek Date: Tue, 4 Nov 2025 14:51:06 -0500 Subject: [PATCH 11/13] made colored lis wider and description box shorter for better formatting on smaller laptop view --- frontend/src/main-page/grants/grant-list/GrantItem.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index 5fa7458..4af271c 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -176,7 +176,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) className={`grant-summary p-4 ${isExpanded ? "expanded rounded-b-none" : ""} grid grid-cols-5 items-center`} onClick={toggleExpand} > -
  • +
  • {isExpanded ? : } {curGrant.organization}
    • @@ -470,7 +470,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false })
    {curGrant.does_bcan_qualify ? "Yes" : "No"}
    @@ -488,7 +488,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) : curGrant.status === "Potential" ? ButtonColorOption.ORANGE : ButtonColorOption.GRAY}} - className="w-1/2 h-9 flex items-center justify-center rounded-full px-4" + className="w-3/5 h-9 flex items-center justify-center rounded-full px-4" > {curGrant.status}
    @@ -503,7 +503,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false })
    {curGrant.isRestricted ? "Restricted" : "Not Restricted"}
    @@ -561,7 +561,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false })
    {curGrant.description}
    From 093bca667bf5a96e4e4154139f54d749b02baf2f Mon Sep 17 00:00:00 2001 From: josieek Date: Tue, 4 Nov 2025 14:58:12 -0500 Subject: [PATCH 12/13] made title text smaller --- frontend/src/main-page/grants/grant-list/GrantItem.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx index 4af271c..770f523 100644 --- a/frontend/src/main-page/grants/grant-list/GrantItem.tsx +++ b/frontend/src/main-page/grants/grant-list/GrantItem.tsx @@ -332,7 +332,7 @@ const GrantItem: React.FC = ({ grant, defaultExpanded = false }) {/*Estimated completion time row*/}
    -