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

import Views from './views';

export default function Router(props) {
	if (props.restreamer === null) {
		return null;
	}

	const channelid = props.restreamer.GetCurrentChannelID();

	return (
		<HashRouter>
			<Routes>
				<Route path="/" element={<Views.ChannelSelect restreamer={props.restreamer} />} />
				<Route path="/playersite" element={<Views.Playersite restreamer={props.restreamer} />} />
				<Route path="/settings" element={<Views.Settings restreamer={props.restreamer} />} />
				<Route path="/settings/:tab" element={<Views.Settings restreamer={props.restreamer} />} />
				<Route path="/:channelid" element={<Views.Main key={channelid} restreamer={props.restreamer} />} />
				<Route path="/:channelid/edit" element={<Views.Edit key={channelid} restreamer={props.restreamer} />} />
				<Route path="/:channelid/edit/wizard" element={<Views.Wizard key={channelid} restreamer={props.restreamer} />} />
				<Route path="/:channelid/edit/:tab" element={<Views.Edit key={channelid} restreamer={props.restreamer} />} />
				<Route path="/:channelid/publication" element={<Views.AddService key={channelid} restreamer={props.restreamer} />} />
				<Route path="/:channelid/publication/player" element={<Views.EditPlayer key={channelid} restreamer={props.restreamer} />} />
				<Route path="/:channelid/publication/:service/:index" element={<Views.EditService key={channelid} restreamer={props.restreamer} />} />
				<Route path="*" render={() => <Navigate to="/" replace />} />
			</Routes>
		</HashRouter>
	);
}

Router.defaultProps = {
	restreamer: null,
};