Thinking through how we might or might not want to handle restoring MEME:
Cluttered MUI component names make it difficult to decipher the basic layout
Keep subcomponent contructs separate so to chunk functionality and layout -- e.g. don't put all the MUI elements into a giant single render statement.
Use a prefix for converted components? e.g. MEEvidenceLInk.jsx, MEResourceView.jsx ala NCNode.jsx
CSS is all over the place...
createTheme / ThemeProvider / theme.overrides
withTheme
classes: PropTypes.object
Using the styled utility can allow us to take advantage of the MEMEStyles object -- BUT, it might be simpler just to use CSS.
How much do we want to keep existing MUI components and just fix their styling vs replacing the MUI component with generic html?
And do we fix that by using styled or css imports?
It might also be easier to do a from-the-ground-up reconstruction of the layout via flexbox/css-grid rather trying to individually convert all of the components.
Thinking through how we might or might not want to handle restoring MEME:
renderstatement.MEEvidenceLInk.jsx,MEResourceView.jsxalaNCNode.jsxcreateTheme/ThemeProvider/theme.overrideswithThemeclasses: PropTypes.objectstyledutility can allow us to take advantage of the MEMEStyles object -- BUT, it might be simpler just to use CSS.styledor css imports?