Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 1x 1x 1x 8x 8x 3x 5x 5x 6x 5x 4x 1x | import React, { FC, ReactNode } from "react";
import { Card } from "./Card";
export interface SettingsSectionProps {
searchTerm?: string;
searchMatches?: string[];
children?: ReactNode;
}
export const SearchableCard: FC<SettingsSectionProps> = ({
searchTerm,
searchMatches,
children,
}) => {
const component = <Card>{children}</Card>;
if (!searchTerm || !searchMatches || searchTerm.length === 0) {
return component;
}
const upperSearchTerm = searchTerm.toLocaleUpperCase();
const match = searchMatches.find((s) =>
s.toLocaleUpperCase().includes(upperSearchTerm)
);
if (match) {
return component;
}
return null;
};
|