misc_pterodactyl-panel/resources/scripts/components/server/features/Features.tsx

20 lines
676 B
TypeScript
Raw Normal View History

import React, { useMemo } from 'react';
import features from './index';
import { getObjectKeys } from '@/helpers';
type ListItems = [ string, React.ComponentType ][];
export default ({ enabled }: { enabled: string[] }) => {
const mapped: ListItems = useMemo(() => {
return getObjectKeys(features)
.filter(key => enabled.map((v) => v.toLowerCase()).includes(key.toLowerCase()))
.reduce((arr, key) => [ ...arr, [ key, features[key] ] ], [] as ListItems);
}, [ enabled ]);
return (
<React.Suspense fallback={null}>
{mapped.map(([ key, Component ]) => <Component key={key}/>)}
</React.Suspense>
);
};