From 234a02f7831a879776d9ea5013e17a752c59c178 Mon Sep 17 00:00:00 2001
From: Jason Jordan <jasonj@discoveryinsurance.com>
Date: Thu, 24 Jul 2025 13:46:38 -0400
Subject: [PATCH] minor clean up for demo

---
 src/components/DashboardPieChart.tsx   |   2 +-
 src/components/LocationSearchInput.tsx |   8 +-
 src/components/Navbar.tsx              |   2 +-
 src/pages/dashboard/member/index.tsx   | 146 ++++++++++++++++++++++---
 4 files changed, 134 insertions(+), 24 deletions(-)

diff --git a/src/components/DashboardPieChart.tsx b/src/components/DashboardPieChart.tsx
index e6cc505..249ff27 100644
--- a/src/components/DashboardPieChart.tsx
+++ b/src/components/DashboardPieChart.tsx
@@ -40,7 +40,7 @@ const COLORS = ['#32CD32', '#E0E0E0'];
 
 const renderCustomizedLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, value }: PieLabelProps) => {
   const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-  const x = cx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);
+  const x = cx + (radius - 25) * Math.cos(-(midAngle ?? 0) * RADIAN);
   const y = cy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);
 
   return (
diff --git a/src/components/LocationSearchInput.tsx b/src/components/LocationSearchInput.tsx
index e7f423b..206cfdf 100644
--- a/src/components/LocationSearchInput.tsx
+++ b/src/components/LocationSearchInput.tsx
@@ -45,10 +45,10 @@ const LocationSearchInput: React.FC<LocationSearchInputProps> = ({className}) =>
         onSelect={handleSelect}
       >
         {({ getInputProps, suggestions, getSuggestionItemProps, loading }) => (
-          <div className="">
+          <div>
             <input
               {...getInputProps({
-                placeholder: 'Search For Provider...',
+                placeholder: 'Search by City, Zip Code, or your Full Address...',
                 className:  `location-search-input w-full px-2 focus:outline-hidden ${className}`,
               })}
             />
@@ -72,12 +72,12 @@ const LocationSearchInput: React.FC<LocationSearchInputProps> = ({className}) =>
           </div>
         )}
       </PlacesAutocomplete>
-      {location.coordinates.lat && location.coordinates.lng && (
+      {/* {location.coordinates.lat && location.coordinates.lng && (
         <p>
           Selected Coordinates: Lat: {location.coordinates.lat}, Lng:{' '}
           {location.coordinates.lng}
         </p>
-      )}
+      )} */}
     </div>
   );
 };
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 8307965..ea980ed 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -158,7 +158,7 @@ const Navbar = () => {
                     })}
                 </div> */}
                 <div className={classnames("flex space-x-2 font-semibold", {"pt-1" : isScrolled})}>
-                    <Link href="/dashboard/member" passHref>
+                    <Link href="/dashboard/member">
                         <button className="bg-platinum text-copper hover:text-bronze py-1 px-4 rounded border-1 border-copper hover:border-bronze">
                             Sign In
                         </button>
diff --git a/src/pages/dashboard/member/index.tsx b/src/pages/dashboard/member/index.tsx
index faadb05..5884c60 100644
--- a/src/pages/dashboard/member/index.tsx
+++ b/src/pages/dashboard/member/index.tsx
@@ -10,6 +10,7 @@ import DashboardPieChart from '@/components/DashboardPieChart';
 import { FaRegIdCard } from "react-icons/fa";
 import { GrMapLocation } from "react-icons/gr";
 import { FiDownload } from "react-icons/fi";
+import { MdLocationOn } from "react-icons/md";
 import LocationSearchInput from '@/components/LocationSearchInput';
 import Button from '@/components/Button';
 
@@ -20,7 +21,7 @@ export default function Member() {
     <div className="relative w-full h-200">
         <div className="absolute bottom-0 right-0 flex flex-col justify-end items-end w-full h-full">
             <div className="w-full -mb-[2px] flex justify-start">
-                <div className="relative w-31 bg-copper rounded-out-br-4xl" />
+                <div className="w-31 bg-atmosphere border-b-2 border-copper" />
                 <div className="w-21/24 h-20 border-b-2 border-copper" />
             </div>
             <div className="w-1/24 h-full flex justify-start">
@@ -42,14 +43,14 @@ export default function Member() {
                             height={60}
                         />
                     </div>
-                    <div className="-mr-[1px] z-1">
+                    <div className="-mr-[55px] z-1">
                         <AccountDropdown userRole="member" />
                     </div>
                 </div>
             </div>
             <div className="w-full h-full flex justify-start">
-                <div className="relative w-31 h-full flex flex-col text-deepcove text-center bg-atmosphere rounded-out-tr-4xl divide-y divide-bluetang">
-                    <a href="#" className="w-full h-20 mt-15 flex justify-center items-center bg-bluetang text-platinum">
+                <div className="relative w-31 h-full flex flex-col text-deepcove text-center bg-atmosphere divide-y divide-bluetang">
+                    <a href="#" className="w-full h-20 flex justify-center items-center bg-bluetang text-platinum">
                         Dashboard
                     </a>
                     <a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum">
@@ -74,13 +75,25 @@ export default function Member() {
                 <div className="flex w-21/24 ml-8 pt-4">
                     <div className="w-full flex flex-col justify-start">
                         <div className={classnames(
-                            "text-4xl text-left z-1 text-bluemana font-semibold"
+                            "-mb-[34px] text-4xl text-left z-2 text-bluemana font-semibold text-shadow-[1px_1px_0,-1px_1px_0,-1px_-1px_0,1px_-1px_0] text-shadow-deepcove"
                         )}>
                             Robert La'Blah
                         </div>
-                        <div className={classnames(
-                            "w-full h-[6px] rounded-s bg-atmosphere z-1"
-                            )}>
+                        <div className="flex items-center">
+                            <div className={classnames(
+                                "w-full h-[6px] rounded-s bg-atmosphere z-1 -mr-[20px]"
+                                )}>
+                            </div>
+                            <div className="w-1/24 h-full flex justify-end">
+                                <div className="w-[calc(50%+10px)] flex flex-col justify-start z-1 bg-deepcove">
+                                    <div className={classnames(
+                                        "h-9 -mb-[3px] relative border-b-6 border-r-6 rounded-br-4xl rounded-out-bl-4xl bg-copper border-atmosphere"
+                                        )} />
+                                    <div className={classnames(
+                                        "h-9 -mt-[3px] relative border-t-6 border-r-6 rounded-tr-4xl rounded-out-tl-4xl bg-copper border-atmosphere"
+                                        )} />
+                                </div>
+                            </div>
                         </div>
                         <div className={classnames("w-full flex justify-start pt-4 z-2 space-x-4")}>
                             <div className="flex flex-col space-y-4">
@@ -89,7 +102,7 @@ export default function Member() {
                                         <div className="flex justify-between items-end px-4">
                                             <p className={classnames("pb-18 text-[#32CD32] font-semibold", font.className)}>Paid</p>
                                             <div className="flex flex-col items-center">
-                                                <DashboardPieChart paid={1207.23} remaining={292.77} />
+                                                <DashboardPieChart paid={1007.23} remaining={492.77} />
                                                 <p className="text-2xl">Deductable Progress</p>
                                             </div>
                                             <p className={classnames("pb-18 font-semibold", font.className)}>Remaining</p>
@@ -102,27 +115,124 @@ export default function Member() {
                                             <Button className="hover:text-bronze">
                                                 View
                                             </Button>
-                                            {/* <div className="hover:text-bronze">View</div> */}
                                             <p>|</p>
                                             <Button className="hover:text-bronze">
                                                 Download
                                             </Button>
-                                            {/* <div className="hover:text-bronze">Download</div> */}
                                         </div>
                                     </div>
                                 </div>
                                 <div className="flex">
-                                    <div className="w-full flex flex-col px-4 py-3 border border-6 border-bluemana rounded-4xl space-y-2">
-                                        <div className="w-full flex justify-center text-2xl text-bronze z-3 font-semibold">
-                                            <p>Find A Provider</p>
+                                    <div className="w-full flex flex-col px-4 py-3 border border-6 border-bluemana rounded-4xl">
+                                        <div className="w-full pb-2 flex justify-center text-2xl text-bronze font-semibold">
+                                            <p>Find A Provider By...</p>
                                         </div>
-                                        <div className={classnames("w-full flex items-start px-2 text-xl", font.className)}>
-                                            <GrMapLocation size={50} className="pr-4 pb-5" />
-                                            <LocationSearchInput className="pl-3 rounded-l-xl border-y-2 border-l-2 border-platinum" />
-                                            <Button className="pr-3 pl-2 bg-platinum hover:bg-bluemana text-center text-deepcove font-semibold rounded-r-xl border-y-2 border-r-2 border-platinum  hover:border-bluemana">
+                                        <div className="w-full flex px-2">
+                                            <div className="w-full flex border-x-2 border-t-2 rounded-t-xl font-semibold divide-x-2 divide-bronze">
+                                                <a href="#" className="w-full h-9 flex justify-center items-center rounded-tl-lg bg-bluetang text-platinum">
+                                                    Location
+                                                </a>
+                                                <a href="#" className="w-full h-9 flex justify-center items-center text-platinum hover:text-bronze">
+                                                    Procedure
+                                                </a>
+                                                <a href="#" className="w-full h-9 flex justify-center items-center rounded-tr-lg text-platinum hover:text-bronze">
+                                                    Provider/Facility
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div className={classnames("w-full flex items-start px-2 pb-2 text-xl", font.className)}>
+                                            {/* <p className='pr-3'><GrMapLocation size={30} /></p> */}
+                                            <Button className="h-10 text-deepcove hover:text-atmosphere bg-platinum rounded-bl-xl">
+                                                <MdLocationOn size={30} />
+                                            </Button>
+                                            <LocationSearchInput className="h-10 pl-3 text-bluemana border-y-2 border-platinum" />
+                                            <Button className="h-10 pr-3 pl-2 bg-platinum hover:bg-bluemana text-center text-deepcove font-semibold rounded-br-xl border-y-2 border-r-2 border-platinum">
                                                 Search
                                             </Button>
                                         </div>
+                                        <div className="w-full flex justify-end text-platinum font-semibold">
+                                            <Button className="mr-2 underline hover:text-bronze">
+                                                View Full Provider List
+                                            </Button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div className="flex">
+                                    <div className="w-full flex flex-col px-4 py-3 border border-6 border-bronze rounded-4xl space-y-2">
+                                        <div className="w-full flex justify-center text-2xl text-atmosphere font-semibold">
+                                            <p>Recent Claims</p>
+                                        </div>
+                                        <div className={classnames("w-full flex flex-col px-2 text-lg", font.className)}>
+                                            <div className="flex">
+                                                <div className="w-1/6">
+                                                    <Button className="hover:text-bronze text-bluemana">
+                                                        2907457
+                                                    </Button>
+                                                </div>
+                                                <div className="w-2/6">
+                                                    LA'BLAH, ROBERT 
+                                                </div>
+                                                <div className="w-2/6">
+                                                    HOUSE, GREGORY
+                                                </div>
+                                                <div className="w-1/6">
+                                                    07/21/2025
+                                                </div>
+                                            </div>
+                                            <div className="flex">
+                                                <div className="w-1/6">
+                                                    <Button className="hover:text-bronze text-bluemana">
+                                                        2907201
+                                                    </Button>
+                                                </div>
+                                                <div className="w-2/6">
+                                                    LA'BLAH, ROBERT 
+                                                </div>
+                                                <div className="w-2/6">
+                                                    QUINN, MICHAELA
+                                                </div>
+                                                <div className="w-1/6">
+                                                    07/02/2025
+                                                </div>
+                                            </div>
+                                            <div className="flex">
+                                                <div className="w-1/6">
+                                                    <Button className="hover:text-bronze text-bluemana">
+                                                        2905891
+                                                    </Button>
+                                                </div>
+                                                <div className="w-2/6">
+                                                    LA'BLAH, JENNY
+                                                </div>
+                                                <div className="w-2/6">
+                                                    HOWSER, DOGGIE
+                                                </div>
+                                                <div className="w-1/6">
+                                                    05/15/2025
+                                                </div>
+                                            </div>
+                                            <div className="flex">
+                                                <div className="w-1/6">
+                                                    <Button className="hover:text-bronze text-bluemana">
+                                                        2905547
+                                                    </Button>
+                                                </div>
+                                                <div className="w-2/6">
+                                                    LA'BLAH, ROBERT 
+                                                </div>
+                                                <div className="w-2/6">
+                                                    HOUSE, GREGORY
+                                                </div>
+                                                <div className="w-1/6">
+                                                    04/29/2025
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div className="w-full flex justify-end text-platinum font-semibold">
+                                            <Button className="mr-2 underline hover:text-bronze">
+                                                View All Claims
+                                            </Button>
+                                        </div>
                                     </div>
                                 </div>
                                 {/* <div className="flex space-x-4">