change: Use TypeScript for IconDivider

Adapt IconDivider to work with typed withComponentDefault HOC.

Author: bjoernricks

src/web/components/layout/Divider.tsx

@@ -14,7 +14,7 @@ interface DividerComponentProps {
   $margin: string;
 }
 
-interface DividerProps extends LayoutProps {
+export interface DividerProps extends LayoutProps {
   flex?: string;
   margin?: string;
 }
@@ -45,7 +45,7 @@ const DividerContainer = styled(Layout)`
 
 DividerContainer.displayName = 'DividerContainer';
 
-const Divider: React.FC<DividerProps> = ({
+const Divider = ({
   margin = DEFAULT_MARGIN,
   grow,
   flex,

src/web/components/layout/IconDivider.jsx renamed to src/web/components/layout/IconDivider.tsx

@@ -3,10 +3,12 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import Divider from 'web/components/layout/Divider';
+import Divider, {DividerProps} from 'web/components/layout/Divider';
 import withComponentDefaults from 'web/utils/withComponentDefaults';
 
-const IconDivider = withComponentDefaults({margin: '5px'})(Divider);
+const IconDivider = withComponentDefaults<DividerProps>({margin: '5px'})(
+  Divider,
+);
 
 IconDivider.displayName = 'IconDivider';