Merge pull request Expensify#30641 from JKobrynski/migrateUnorderedLi…

…stToTypeScript [TS Migration] migrate UnorderedList.js to TypeScript
rezkiy37 · Nov 30, 2023 · e2f4214 · e2f4214
2 parents 0389d5b + 5be74c4
commit e2f4214
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 37 deletions.
diff --git a/src/components/UnorderedList.js b/src/components/UnorderedList.js
diff --git a/src/components/UnorderedList.tsx b/src/components/UnorderedList.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import {View} from 'react-native';
+import useThemeStyles from '@styles/useThemeStyles';
+import Text from './Text';
+
+type UnorderedListProps = {
+    /** An array of strings to display as an unordered list */
+    items?: string[];
+};
+
+function UnorderedList({items = []}: UnorderedListProps) {
+    const styles = useThemeStyles();
+
+    return items.map((itemText) => (
+        <View
+            key={itemText}
+            style={[styles.flexRow, styles.alignItemsStart, styles.ml2]}
+        >
+            <Text style={[styles.mr2]}>{'\u2022'}</Text>
+            <Text>{itemText}</Text>
+        </View>
+    ));
+}
+
+UnorderedList.displayName = 'UnorderedList';
+export default UnorderedList;