atlp-rwanda/hackers-ec-Fe

Function SingleOrders has 148 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SingleOrders = () => {
    const dispatch = useAppDispatch();
    const { id } = useParams<{ id: string }>();
    const { isLoading, singleOrder } = useAppSelector((state) => state.order);

Function SellerSingleProduct has 141 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SellerSingleProduct = () => {
    const { id } = useParams();
    const { isLoading, singleProduct } = useAppSelector((state) => state.product);
    const { availability } = useAppSelector((state) => state.productAvailability);
    const dispatch = useAppDispatch();

Function AdminStat has 141 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function AdminStat() {
    const dispatch = useAppDispatch();
    const data = useAppSelector((state) => state.adminStatsSlice);

    useEffect(() => {

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <thead className="bg-[#256490] text-neutral-white text-left overflow-hidden rounded-3xl p2">
                            <tr className="rounded-xl text-sm ipad:text-base text-center">
                                <th>Order Id</th>
                                <th>Order Date</th>
                                <th>Delivery Date</th>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    <thead className="bg-[#256490] text-neutral-white text-left overflow-hidden rounded-3xl p2">
                        <tr className="rounded-xl text-sm text-center">
                            <th>No</th>
                            <th>Image</th>
                            <th>Name</th>

• Read up
  Read up

Function SellerProductsPage has 133 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SellerProductsPage = () => {
    const { isLoading } = useAppSelector((state) => state.product);
    // eslint-disable-next-line react-hooks/exhaustive-deps
    const data = useAppSelector((state) => state.product.products) || [];
    const dispatch = useAppDispatch();

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <div className="departments cursor-pointer flex ipad:p-4 w-[100%] mobile:w-[100%] ipad:w-[40%] laptop:w-[28%]">
                            <div className="depart_icon z-20 w-[60%] mobile:w-[50%] laptop:w-[90%] bg-primary-lightblue p-2 flex items-center h-12 justify-between gap-2 mt-6 rounded-t-md relative">
                                <img src={depart_icon} alt="depart_icon" className="w-6 h-10" />
                                <h1 className="text-md font-semibld text-neutral-white">
                                    {searchInputs.categoryName

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <div className="departments cursor-pointer flex ipad:p-4 w-[100%] mobile:w-[100%] ipad:w-[40%] laptop:w-[28%]">
                            <div className="depart_icon z-10 w-[60%] mobile:w-[50%] laptop:w-[90%] bg-primary-lightblue p-2 flex items-center h-12 justify-between gap-2 mt-6 rounded-t-md relative">
                                <img src={depart_icon} alt="depart_icon" className="w-6 h-10" />
                                <h1 className="text-md font-semibld text-neutral-white">
                                    {searchInputs.categoryName

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <form className="flex flex-col gap-9" onSubmit={handleSubmit(onSubmit)}>
                <FormInput
                    type="email"
                    placeholder="Enter your email here"
                    otherStyles="text-center bg-neutral-white border border-overlay w-full rounded-sm py-1 mobile:py-2 mb-2"

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    <form
                        className="flex flex-col gap-9"
                        onSubmit={handleSubmit(onSubmit)}
                    >
                        <FormInput

• Read up
  Read up

Function UpdateOrderModal has 118 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const UpdateOrderModal: React.FC = () => {
    const dispatch = useAppDispatch();
    const { selectedSaleId, deliveryDate, status, productName, productImage } =
        useAppSelector((state) => state.sales);
    const { isLoading } = useAppSelector((state) => state.updateOrder);

Function Nav has 116 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Nav = () => {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const accessToken = localStorage.getItem('access_token') || '';
    const dispatch = useAppDispatch();
    const openModel = useAppSelector((state) => state.nav.openModel);

Function RegisterForm has 115 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const RegisterForm = () => {
    const { showErrorMessage, showSuccessMessage } = useToast();
    const { show } = useHandleResize();
    const dispatch = useAppDispatch();
    const navigate = useNavigate();

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const onSubmit: SubmitHandler<RegisterSchemaType> = async (
        data: RegisterSchemaType,
    ) => {
        try {
            const res = await dispatch(registera(data)).unwrap();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const onSubmit: SubmitHandler<ForgotPasswordType> = async (
        data: ForgotPasswordType,
    ) => {
        try {
            const res = await dispatch(forgotPassword(data)).unwrap();

• Read up
  Read up

Function Notification has 112 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Notification = () => {
    const dispatch = useAppDispatch();
    const { accessToken } = useToken();
    const notificationPlayer = useRef<HTMLAudioElement>(null);
    const [notificationActive, setNotificationActive] = useState(false);

Function UpdatePassword has 110 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const UpdatePassword = () => {
    const dispatch = useAppDispatch();
    const { showErrorMessage, showSuccessMessage } = useToast();
    const { isLoading, error } = useAppSelector((state) => state.updatePassword);
    const { data } = useAppSelector((state) => state.profile);

Function CategoriesPage has 109 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const CategoriesPage = () => {
    const [categoryData, setCategoryData] = useState<categorySchemaType | null>(
        null,
    );
    const { isLoading, categories, isCategoryModelOpen } = useAppSelector(

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                                    {props.useR &&
                                        roles?.data &&
                                        roles?.data
                                            .filter(
                                                (item: roleType) => item.id === props.useR[0]?.role,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                                    {props.useR &&
                                        roles?.data &&
                                        roles?.data
                                            .filter(
                                                (item: roleType) => item.id !== props.useR[0]?.role,

• Read up
  Read up