Fix history page

src/components/Separator.tsx

@@ -1,32 +1,35 @@
 import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React from 'react'
-import { StyleSheet, View } from 'react-native'
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
 
 export interface Props {
   extraMarginLeft?: number
   extraMarginRight?: number
+  style?: StyleProp<ViewStyle>
 }
 
-const ComponentSeparator = React.memo(
-  ({ extraMarginLeft = 0, extraMarginRight = 0 }: Props) => {
-    const { colors } = useTheme()
+const ComponentSeparator: React.FC<Props> = ({
+  extraMarginLeft = 0,
+  extraMarginRight = 0,
+  style
+}) => {
+  const { colors } = useTheme()
 
-    return (
-      <View
-        style={{
+  return (
+    <View
+      style={[
+        style,
+        {
           backgroundColor: colors.backgroundDefault,
           borderTopColor: colors.border,
           borderTopWidth: StyleSheet.hairlineWidth,
-          marginLeft:
-            StyleConstants.Spacing.Global.PagePadding + extraMarginLeft,
-          marginRight:
-            StyleConstants.Spacing.Global.PagePadding + extraMarginRight
-        }}
-      />
-    )
-  },
-  () => true
-)
+          marginLeft: StyleConstants.Spacing.Global.PagePadding + extraMarginLeft,
+          marginRight: StyleConstants.Spacing.Global.PagePadding + extraMarginRight
+        }
+      ]}
+    />
+  )
+}
 
 export default ComponentSeparator