diff --git a/Client/src/Components/Fallback/index.jsx b/Client/src/Components/Fallback/index.jsx index d68237bf0..1af38c052 100644 --- a/Client/src/Components/Fallback/index.jsx +++ b/Client/src/Components/Fallback/index.jsx @@ -16,11 +16,11 @@ import "./index.css"; * @param {string} props.title - The title to be displayed in the fallback UI. * @param {Array} props.checks - An array of strings representing the checks to display. * @param {string} [props.link="/"] - The link to navigate to. - * + * @param {boolean} [props.vowelStart=false] - Whether the title starts with a vowel. * @returns {JSX.Element} The rendered fallback UI. */ -const Fallback = ({ title, checks, link = "/", isAdmin, ovalStart }) => { +const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false }) => { const theme = useTheme(); const navigate = useNavigate(); const mode = useSelector((state) => state.ui.mode); @@ -56,7 +56,7 @@ const Fallback = ({ title, checks, link = "/", isAdmin, ovalStart }) => { marginY={theme.spacing(4)} color={theme.palette.text.tertiary} > - {ovalStart ? "An" : "A"} {title} is used to: + {vowelStart ? "An" : "A"} {title} is used to: {checks.map((check, index) => (