fix sonarqube

Author: gabrieleandro

packages/components/modules/__shared__/native/EmptyView/index.tsx

@@ -0,0 +1,31 @@
+import { Text } from '@baseapp-frontend/design-system/components/native/typographies'
+import { View } from '@baseapp-frontend/design-system/components/native/views'
+import { useTheme } from '@baseapp-frontend/design-system/providers/native'
+
+import { createStyles } from './styles'
+import { EmptyViewProps } from './types'
+
+const EmptyView = ({ icon, title, message }: EmptyViewProps) => {
+  const theme = useTheme()
+  const styles = createStyles(theme)
+
+  return (
+    <View style={styles.container}>
+      {icon && <View style={styles.imageWrapper}>{icon}</View>}
+      <View style={styles.textWrapper}>
+        {title && (
+          <Text variant="subtitle2" style={styles.text}>
+            {title}
+          </Text>
+        )}
+        {message && (
+          <Text variant="caption" style={styles.text}>
+            {message}
+          </Text>
+        )}
+      </View>
+    </View>
+  )
+}
+
+export default EmptyView

packages/components/modules/messages/native/RoomsList/EmptyChatRoomsState/styles.ts renamed to packages/components/modules/__shared__/native/EmptyView/styles.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react'
+
+import { StyleProp, ViewStyle } from 'react-native'
+
+export interface EmptyViewProps {
+  icon?: ReactNode
+  title: string
+  message?: string
+  style?: StyleProp<ViewStyle>
+}

packages/components/modules/__shared__/native/EmptyView/types.ts

@@ -0,0 +1,2 @@
+export { default as EmptyView } from './EmptyView'
+export type * from './EmptyView/types'

packages/components/modules/__shared__/native/index.ts

@@ -1,26 +1,9 @@
 import { SocialMediaDiscussionImage } from '@baseapp-frontend/design-system/components/native/illustrations'
-import { Text } from '@baseapp-frontend/design-system/components/native/typographies'
-import { View } from '@baseapp-frontend/design-system/components/native/views'
-import { useTheme } from '@baseapp-frontend/design-system/providers/native'
 
-import { createStyles } from './styles'
+import { EmptyView } from '../../../../__shared__/native'
 
-const EmptyChatRoomsState = () => {
-  const theme = useTheme()
-  const styles = createStyles(theme)
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.imageWrapper}>
-        <SocialMediaDiscussionImage />
-      </View>
-      <View style={styles.textWrapper}>
-        <Text variant="subtitle2" style={styles.text}>
-          No messages to be displayed.
-        </Text>
-      </View>
-    </View>
-  )
-}
+const EmptyChatRoomsState = () => (
+  <EmptyView icon={<SocialMediaDiscussionImage />} title="No messages to be displayed." />
+)
 
 export default EmptyChatRoomsState

packages/components/modules/messages/native/RoomsList/EmptyChatRoomsState/index.tsx

@@ -1,32 +1,13 @@
 import { SearchingImage } from '@baseapp-frontend/design-system/components/native/illustrations'
-import { Text } from '@baseapp-frontend/design-system/components/native/typographies'
-import { View } from '@baseapp-frontend/design-system/components/native/views'
-import { useTheme } from '@baseapp-frontend/design-system/providers/native'
 
-import { createStyles } from './styles'
-import { SearchNotFoundStateProps } from './types'
+import { EmptyView } from '../../../__shared__/native'
 
-const SearchNotFoundState = ({
-  message = 'Check your spelling or try another search.',
-}: SearchNotFoundStateProps) => {
-  const theme = useTheme()
-  const styles = createStyles(theme)
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.imageWrapper}>
-        <SearchingImage />
-      </View>
-      <View style={styles.textWrapper}>
-        <Text variant="subtitle2" style={styles.text}>
-          No results found
-        </Text>
-        <Text variant="caption" style={styles.text}>
-          {message}
-        </Text>
-      </View>
-    </View>
-  )
-}
+const SearchNotFoundState = () => (
+  <EmptyView
+    icon={<SearchingImage />}
+    title="No results found"
+    message="Check your spelling or try another search."
+  />
+)
 
 export default SearchNotFoundState