minor clean up for demo
This commit is contained in:
Jason Jordan
@@ -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 (
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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,14 +75,26 @@ 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="flex items-center">
|
||||
<div className={classnames(
|
||||
"w-full h-[6px] rounded-s bg-atmosphere z-1"
|
||||
"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">
|
||||
<div className="flex space-x-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">
|
||||
|
||||
Reference in New Issue
Block a user