import React from 'react';
import { Navigate, Route, useLocation } from 'react-router-dom';

export interface Redirect {
    from: string
    to: string
}

const RedirectWithSearch = ({ to }: { to: string }) => {
    const { search } = useLocation();

    return (
        <Navigate
            replace
            to={`${to}${search}`}
        />
    );
};

export function toRedirectRoute({ from, to }: Redirect) {
    return (
        <Route
            key={from}
            path={from}
            element={<RedirectWithSearch to={to} />}
        />
    );
}