index.js 3.21 KB
import Image from "next/image";
import React, { useState } from "react";
import Sidebar from "../../../components/layout/VendorDashboardSidebar";
import Layout from "../../../components/layout/Layout";
import { Button } from "react-bootstrap";
import { FaPlus } from "react-icons/fa";

const VendorDashboard = () => {

    const [collapsed, setCollapsed] = useState(false);

    const toggleSidebar = () => {
        setCollapsed(!collapsed);
    };

    return (
        <Layout>
            <div className="sidebarContainer">
                <Sidebar collapsed={collapsed} toggleSidebar={toggleSidebar} />
                <div className="content">
                    <div className="row">
                        <div className="col-12 offset-lg-2 col-lg-8">
                            <div className="infoSent">
                                <div className="bgCircleBlue">
                                    <Image alt="" src="/images/vendor/icon-tick.svg" width="15" height="10" />
                                </div>
                                <div className="px-3">
                                    <p className="p1">Business information sent successfully.</p>
                                    <p className="p2">Kindly wait until we verify the details. You can start adding activities once your account is verified.</p>
                                </div>
                                <div>
                                    <Image alt="" src="/images/vendor/icon-close.svg" width="14" height="14" />
                                </div>
                            </div>
                        </div>

                        <div className="d-flex justify-content-center py-4">
                            <span className="image-container">
                                <Image alt="" layout="fill" src="/images/vendor/Isolation_Mode.png" className="image" />
                            </span>
                        </div>
                        <div className="text-center py-2 mb-5">
                            <p className="p3">No information is available right now</p>
                            <Button type="button" variant="" className="btnAdd" disabled>
                                <span className="image-container me-2">
                                    <Image alt="" layout="fill" src="/images/vendor/icon-plus.svg" width="14" height="14" className="image" />
                                </span>
                                {/* <FaPlus className="me-2" /> */}
                                <span>Add Activity</span>
                            </Button>
                            <Button type="button" variant="" className="btnAdd">
                                <span className="image-container me-2">
                                    <Image alt="" layout="fill" src="/images/vendor/icon-plus.svg" width="14" height="14" className="image" />
                                </span>
                                {/* <FaPlus className="me-2" /> */}
                                <span>Add Activity</span>
                            </Button>
                        </div>
                    </div>
                </div>
            </div>
        </Layout>
    );
};

export default VendorDashboard;