modify loader flag for patients count #8034
Conversation
|
@FrankenDeba is attempting to deploy a commit to the Open Healthcare Network Team on Vercel. A member of the Team first needs to authorize it. |
✅ Deploy Preview for care-egov-staging ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
| @@ -902,7 +902,7 @@ export const PatientManager = () => { | |||
| <CountBlock | |||
| text="Total Patients" | |||
| count={data?.count || 0} | |||
| loading={isLoading} | |||
| loading={(!data?.count && data?.count !== 0) || isLoading} | |||
There was a problem hiding this comment.
@FrankenDeba make this change at CountBlock so that it is applied throughout the application
There was a problem hiding this comment.
@khavinshankar Done, please check it!
| @@ -22,7 +22,7 @@ export default function CountBlock(props: Props) { | |||
| <dt className="my-2 truncate text-sm font-semibold text-gray-700"> | |||
| {props.text} | |||
| </dt> | |||
| {props.loading ? ( | |||
| {props.loading || (!props.count && props.count !== 0) ? ( | |||
There was a problem hiding this comment.
wouldn't this be stuck in the loading state if the count is actually 0?
we should not collace count to 0 if it's undefined while passing it to the component, and hide loading state when the count becomes defined
There was a problem hiding this comment.
Didn't understand,I am already checking if the count is not 0,do I still need to change the approach?
@sainak
There was a problem hiding this comment.
You there?
Can you please be more specific about the changes?
@sainak
Proposed Changes
@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers
Merge Checklist