GoonCord/src/ui/settings/pages/Themes.tsx

import { themes } from "@/lib/themes";
import { useProxy } from "@lib/storage";
import { ReactNative as RN } from "@metro/common";
import ErrorBoundary from "@ui/components/ErrorBoundary";
import ThemeCard from "@ui/settings/components/ThemeCard";

export default function Themes() {
    useProxy(themes);

    return (
        <ErrorBoundary>
            <RN.View style={{ flex: 1 }}>
                <RN.FlatList
                    data={Object.values(themes)}
                    renderItem={({ item, index }) => <ThemeCard theme={item} index={index} />}
                    keyExtractor={item => item.id}
                />
            </RN.View>
        </ErrorBoundary>
    )
}