Merge pull request #29 from AzureCosmosDB/front-end-updates

Minor front end fixes and styling improvements
Azure · Aug 30, 2023 · f75acf0 · f75acf0
2 parents 50a1ea7 + bf1b767
commit f75acf0
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 16 deletions.
diff --git a/ui/medical-claims-ui/package-lock.json b/ui/medical-claims-ui/package-lock.json
diff --git a/ui/medical-claims-ui/package.json b/ui/medical-claims-ui/package.json
@@ -14,7 +14,7 @@
     "axios": "^1.4.0",
     "eslint": "8.42.0",
     "eslint-config-next": "13.4.5",
-    "flowbite-react": "^0.4.7",
+    "flowbite-react": "^0.5.0",
     "moment": "^2.29.4",
     "next": "13.4.5",
     "postcss": "8.4.24",

diff --git a/ui/medical-claims-ui/src/app/adjudicator/claims/ClaimDetails.jsx b/ui/medical-claims-ui/src/app/adjudicator/claims/ClaimDetails.jsx
@@ -30,7 +30,7 @@ export default function ClaimDetails({ claimId, requestClaims, isManager, setCha
 		<>
 			<div className="card shadow-md">
 				<div className="card-header grid grid-cols-2">
-					<h4 className="card-title">Claim Details</h4>
+					<h4 className="card-title mb-2">Claim Details</h4>
 					<div className='text-right'><label>Filing Date: </label>{ Moment(data.filingDate).format('MMMM DD, YYYY') }</div>
 					<div className="justify-end">
 						<Button color="dark" className="p-0" onClick={onClickRecommend}>
@@ -48,9 +48,7 @@ export default function ClaimDetails({ claimId, requestClaims, isManager, setCha
 							<div className='float-left'>{data.memberId}</div>
 							<div className='px-4 font-bold gap-2'>Claim Status:</div>
 							<div>
-								<div>
-									<span className="bg-yellow-100">{data.claimStatus}</span>
-								</div>
+								<span className="bg-yellow-100">{data.claimStatus}</span>
 								<ClaimsActions claimStatus={data.claimStatus} claimId={data.claimId} {...{data, requestClaims, lineItems, mutate, setChangeDetail}}/>
 							</div>
 							<div className='px-4 font-bold gap-2'>Payer Name:</div>

diff --git a/ui/medical-claims-ui/src/app/adjudicator/claims/ClaimsByAdjudicator.jsx b/ui/medical-claims-ui/src/app/adjudicator/claims/ClaimsByAdjudicator.jsx
@@ -90,7 +90,6 @@ export default function ClaimsByAdjudicator({ adjudicatorId, isManager }) {
 							sortEnabled={true}
 							onSortChange={(sort) => setSort(sort)}
 							rowFormatter={formatValues}
-							rowFormatter={formatValues}
 							extraHeaders={
 								<>
 									<Table.HeadCell></Table.HeadCell>

diff --git a/ui/medical-claims-ui/src/app/components/DataTable.jsx b/ui/medical-claims-ui/src/app/components/DataTable.jsx
@@ -120,7 +120,7 @@ export default function DataTable(props) {
 				</div>
 			}
 
-			{data == false && <span className="flex justify-center my-5">No data.</span>}
+			{!isLoading && (data == false) && <span className="flex justify-center my-5">No data.</span>}
 
 			{/* Pagination */}
 			{pagination && totalPages > 1 && <Pagination