focalxaiinspection/src/lib/FocalxAI.js

Focalx AI Inspection

import React, { useEffect } from 'react';
import { BrowserRouter, Routes, Route } from "react-router-dom";
import './App.scss';
import { CarBodyTypePage } from '../lib/Pages/CarBodyTypePage';
import { AppInfoPage } from '../lib/Pages/AppInfoPage';
import { SelectCarPositionPage } from '../lib/Pages/SelectCarPositionPage';
import { FaqsPage } from '../lib/Pages/FaqsPage';
import { PersonalDetailsPage } from '../lib/Pages/PersonalDetailsPage';
import { ProfilePage } from '../lib/Pages/ProfilePage';
import { TermsOfUsePage } from '../lib/Pages/TermsOfUsePage';
import { SubmitStatusPage } from '../lib/Pages/SubmitStatusPage';
import { SelectPartHighLevelPage } from '../lib/Pages/SelectPartHighLevelPage';
import { SelectPartDetailLevelPage } from '../lib/Pages/SelectPartDetailLevelPage';
import { ContactUsPage } from '../lib/Pages/ContactUsPage';
import { DamageTypePage } from '../lib/Pages/DamageTypePage';
import { DamageCategoryPage } from '../lib/Pages/DamageCategoryPage';
import { DamageReportPage } from '../lib/Pages/DamageReportPage';
import { ConfirmationPage } from '../lib/Pages/ConfirmationPage';
import { BeautyshotsPage } from '../lib/Pages/BeautyshotsPage';
import { CaptureDamageImages } from '../lib/Pages/CaptureDamageImages';
import './index.scss';

import UserProfile from '../lib/services/Api/UserProfile';

const FocalxAI = () => {  
  useEffect(() => {
    const getToken = JSON.parse(sessionStorage.getItem('carInformation'));
    sessionStorage.setItem('token', getToken.token);
    UserProfile(getToken.token)
      .then((data) => {        
        const root = document.documentElement;
        root.style.setProperty('--background-color', data.client.accent_color);
      })
      .catch((error) => {
        console.log("Error getting user profile:", error);
      });
  }, []);

  return (
    <>      
      <BrowserRouter>
        <Routes>          
          <Route path="/" element={<CarBodyTypePage />} />
          <Route path="/beautyshots" element={<BeautyshotsPage />} />
          <Route path="/damage-report" element={<DamageReportPage />} />
          <Route path="/capture-damage-images" element={<CaptureDamageImages />} />
          <Route path="/app-info" element={<AppInfoPage />} />
          <Route path="/select-car-position" element={<SelectCarPositionPage />} />
          <Route path="/faqs" element={<FaqsPage />} />
          <Route path="/personal-details" element={<PersonalDetailsPage />} />
          <Route path="/profile" element={<ProfilePage />} />
          <Route path="/terms-of-use" element={<TermsOfUsePage />} />
          <Route path="/submit-status" element={<SubmitStatusPage />} />
          <Route path="/select-part-high-level" element={<SelectPartHighLevelPage />} />
          <Route path="/select-part-detail-level" element={<SelectPartDetailLevelPage />} />
          <Route path="/contact-us" element={<ContactUsPage />} />
          <Route path="/damage-type" element={<DamageTypePage />} />
          <Route path="/damage-category" element={<DamageCategoryPage />} />
          <Route path="/confirmation" element={<ConfirmationPage />} />
        </Routes>
      </BrowserRouter>
    </>
  );
}

export default FocalxAI;