ListItem Component - Introduced ForwardRef

[priscilawebdev]

Type: Refactor

The following has been addressed in the PR: #162

Description:

Wrapped Material UI ListItem Component with ForwardRef.

[codecov]

Codecov Report

Merging #183 into master will increase coverage by 0.03%.
The diff coverage is 100%.

@@            Coverage Diff            @@
##           master    #183      +/-   ##
=========================================
+ Coverage   88.76%   88.8%   +0.03%     
=========================================
  Files         113     114       +1     
  Lines         917     920       +3     
  Branches      147     147              
=========================================
+ Hits          814     817       +3     
  Misses         90      90              
  Partials       13      13

Impacted Files	Coverage Δ
src/components/DetailSidebar/styles.ts	100% <ø> (ø)	⬆️
src/components/Dist/styles.ts	100% <ø> (ø)	⬆️
src/components/Versions/VersionsTagList.tsx	100% <ø> (ø)	⬆️
src/components/Repository/styles.ts	100% <ø> (ø)	⬆️
src/components/Engines/styles.ts	100% <ø> (ø)	⬆️
src/components/Author/styles.ts	100% <ø> (ø)	⬆️
src/components/UpLinks/UpLinks.tsx	88.88% <ø> (ø)	⬆️
src/components/Package/Package.tsx	100% <ø> (ø)	⬆️
src/components/ActionBar/styles.ts	100% <ø> (ø)	⬆️
src/components/Install/InstallListItem.tsx	88.88% <ø> (ø)	⬆️
... and 3 more

[juanpicado]

rc/components/ActionBar/ActionBar.tsx:121:12 - error TS2322: Type '{ children: ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)>[]; alignItems: "flex-start"; button: boolean; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<StyledStatelessProps<object & Pick<Pick<{ alignItems?: "center" | "flex-start" | undefined; autoFocus?: boolean | undefined; button?: boolean | undefined; ContainerComponent?: "object" | ... 79 more ... | undefined; ... 6 more ...; selected?: boolean | undefin...'.
  Property 'button' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<StyledStatelessProps<object & Pick<Pick<{ alignItems?: "center" | "flex-start" | undefined; autoFocus?: boolean | undefined; button?: boolean | undefined; ContainerComponent?: "object" | ... 79 more ... | undefined; ... 6 more ...; selected?: boolean | undefin...'.

121           <ActionListItem alignItems={'flex-start'} button={true}>
               ~~~~~~~~~~~~~~

There are some lint issues.

[juanpicado]

🚀

[juanpicado]

🚀