Replace Material UI components in src/Components/Resource/ResourceDetailsUpdate.tsx:

[rithviknishad]

23: import { CircularProgress } from "@material-ui/core";\n32: } from "@material-ui/core";

Tasks

Ensure all the below tasks are accomplished if applicable to the file being modified in the PR.

• Migrate all Material UI components to use new Care UI / custom components. (ref: 🛠️ Tailwinding Care)
• Migrate all Material UI icons to use 🏥 Care Icons.
• Migrate PageTitle to Page component if any. (See example)

For more information see the epic issue that tracks this issue.

[MayaSatishRao]

@rithviknishad can I do one of the tasks mentioned and create a pr? If so, can you assign this issue to me?

[rithviknishad]

u r expected to do all that are applicable.

[MayaSatishRao]

There are many components that are imported from Material UI like Circular Progress, Radio Group in the file. So we need to implement them using Typescript and Tailwind CSS right?

[rithviknishad]

read the EPIC #5006
all components are already built.

[MayaSatishRao]

@rithviknishad In ResourceDetailsUpdate.tsx file Radio, RadioGroup, FormControlLabel, CardContent, Box are also imported. But I could not find these components.

[rithviknishad]

You won't have exact word to word component replacement.

Checkout how RadioFormField is used in other places.

You don't need RadioGroup when using that. Same for box and card content, just use divs.

[rithviknishad]

All Legacy components should also be replaced with it's equivalent FormField components

[MayaSatishRao]

@rithviknishad ok, can you assign this issue to me?

[rithviknishad]

@MayaSatishRao any updates on this?

[MayaSatishRao]

@rithviknishad I am working on this. Been a little busy working on the proposal. I will finish it within 2 days

[rithviknishad]

@MayaSatishRao any updates?

[MayaSatishRao]

I will make a pr by eod @rithviknishad