Merge pull request #186 from Code-4-Community/169-dev---implement-new-expanded-grant-view

169 dev   implement new expanded grant view

Author: prooflesben

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 */

frontend/src/main-page/grants/filter-bar/FilterBar.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Link } from "react-router-dom";
 import {
   Status,
-  statusToString,
+  stringToStatus,
 } from "../../../../../middle-layer/types/Status.ts";
 import {
   updateFilter,
@@ -38,7 +38,7 @@ const FilterBar: React.FC = observer(() => {
   ) {
     if (!linkTo) {
       e.preventDefault();
-      updateFilter(statusToString(category));
+      updateFilter(stringToStatus(category));
       setSelected(category);
     }
   }