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

import { routes } from '@/shared/config';
import { useEvents } from '@/hooks';
import { Events, Block } from '@/features/explorer';

import { Program } from './program';
import { Programs } from './programs';
import { Message } from './message';
import { UploadProgram } from './uploadProgram';
import { NotFound } from './notFound';
import { Send } from './send';
import { Codes } from './codes';
import { InitializeProgram } from './initializeProgram';
import { Mailbox } from './mailbox';
import * as State from './state';
import { Explorer } from './explorer';
import { Code } from './code';
import { UploadCode } from './uploadCode';
import { Vouchers } from './vouchers';
import { Dns } from './dns';

const Routing = () => {
  const events = useEvents();

  return (
    <Routes>
      <Route path={routes.programs}>
        <Route index element={<Programs />} />
        <Route path={routes.uploadProgram} element={<UploadProgram />} />
        <Route path={routes.program} element={<Program />} />
      </Route>

      <Route path={routes.message} element={<Message />} />

      <Route path={routes.send}>
        <Route path={routes.reply} element={<Send />} />
        <Route path={routes.sendMessage} element={<Send />} />
      </Route>

      <Route path={routes.codes}>
        <Route index element={<Codes />} />
        <Route path={routes.initializeProgram} element={<InitializeProgram />} />
      </Route>

      <Route path={routes.state} element={<State.Full />} />
      <Route path={routes.sailsState} element={<State.Sails />} />

      <Route path={routes.mailbox} element={<Mailbox />} />

      <Route path={routes.explorer} element={<Explorer />}>
        <Route index element={<Events events={events} />} />
        <Route path={routes.block} element={<Block />} />
      </Route>

      <Route path={routes.code} element={<Code />} />
      <Route path={routes.uploadCode} element={<UploadCode />} />

      <Route path={routes.vouchers} element={<Vouchers />} />
      <Route path={routes.dns} element={<Dns />} />

      <Route path="*" element={<NotFound />} />
      <Route path="/" element={<Navigate to={routes.programs} replace />} />
    </Routes>
  );
};

export { Routing };