unleash.unleash/frontend/src/component/feature/RedirectFeatureView/RedirectFeatureView.tsx

import { useEffect, useState } from 'react';
import { Redirect, useParams } from 'react-router-dom';
import { useFeatures } from '../../../hooks/api/getters/useFeatures/useFeatures';
import { IFeatureToggle } from '../../../interfaces/featureToggle';
import { getTogglePath } from '../../../utils/route-path-helpers';

interface IRedirectParams {
    name: string;
}

const RedirectFeatureView = () => {
    const { name } = useParams<IRedirectParams>();
    const { features } = useFeatures();
    const [featureToggle, setFeatureToggle] = useState<IFeatureToggle | null>(
        null
    );

    useEffect(() => {
        const toggle = features.find(
            (toggle: IFeatureToggle) => toggle.name === name
        );

        setFeatureToggle(toggle);
    }, [features, name]);

    if (!featureToggle) return null;

    return (
        <Redirect
            to={getTogglePath(featureToggle?.project, featureToggle?.name)}
        />
    );
};

export default RedirectFeatureView;