focalxaiinspection/src/lib/Pages/Dashboard/Dashboard.js

Focalx AI Inspection

import React from 'react';
import {Link} from 'react-router-dom';
import './Dashboard.scss';
import {CarServiceList} from '../../Components/CarServiceList';
import { CarServiceFilter } from '../../Components/CarServiceFilter';
import {Heading} from './../../Components/Heading';

const Dashboard = () => (
  
  <>
    <main className='bottom-spacing'>
        {/* <Heading title="Dashboard" filterComponent={() => <CarServiceFilter />} /> */}
        <Heading title="Dashboard">
          <CarServiceFilter />
        </Heading>
        <CarServiceList />
        <div className="action-btn-wrap bottom-action-btns">
            <Link to="/onboarding" className="custom-primary-button left-side-btn">
              <img className='icon' src={require('../../Assets/images/plus.svg').default} alt=""/>
              Add</Link>
        </div>
    </main>
  </>
);

export default Dashboard;