[UI > AssetBrowser] Add

src/ui/settings/components/AssetBrowser.tsx

@@ -0,0 +1,27 @@
+import { React, ReactNative as RN } from "@metro/common";
+import { Forms } from "@ui/components";
+import { all } from "@ui/assets";
+import AssetDisplay from "./AssetDisplay";
+
+const { FormInput } = Forms
+
+export default function AssetBrowser() {
+    const [searchName, setSearchName] = React.useState("");
+
+    return (
+        <>
+            <FormInput 
+                value={searchName}
+                onChange={(v: string) => setSearchName(v)}
+                title="SEARCH"
+            />
+            <RN.FlatList
+                data={Object.values(all).filter(a => a.name.startsWith(searchName))}
+                renderItem={({ item }) => (
+                    <AssetDisplay asset={item} />
+                )}
+                keyExtractor={item => item.name}
+            />
+        </>
+    )
+}