Styled Components are combined with actual interface components
At the very least move the styled components to their own related component style (a la CSS modules styles).
Styled Components could be more reusable
There are a few common UI elements (e.g., menu buttons) that could be organized into a shared style component. Identify which components can be reused and put it into it's own file.
Styled Component declarations are unnecessarily verbose (use generics to remove function signatures)
There's a much better convention that simplifies the syntax and maintains types using generics:
Current problems:
Styled Components are combined with actual interface components
At the very least move the styled components to their own related component style (a la CSS modules styles).
Styled Components could be more reusable
There are a few common UI elements (e.g., menu buttons) that could be organized into a shared style component. Identify which components can be reused and put it into it's own file.
Styled Component declarations are unnecessarily verbose (use generics to remove function signatures)
There's a much better convention that simplifies the syntax and maintains types using generics:
(From: https://blog.agney.dev/styled-components-&-typescript/)
Rewrite all styled components declarations in this form.