atlp-rwanda/hackers-ec-Fe

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

Open

                                    data.map((item: DynamicData, idx: number) => (
                                        <div
                                            className="product_card bg-neutral-white p-4 flex flex-col rounded-md shadow laptop:max-w-[100%] h-full"
                                            key={idx}
                                        >

• Read up
  Read up

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

Open

                                    data.slice(0, 8).map((item: DynamicData, idx: number) => (
                                        <div
                                            className="product_card bg-neutral-white p-4 flex flex-col rounded-md shadow laptop:max-w-[100%] h-full"
                                            key={idx}
                                        >

• Read up
  Read up

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

Open

const UserRedirection = () => {
    const navigate = useNavigate();
    const { isResetPassword } = useAppSelector((state) => state.forgotPassword);
    useEffect(() => {
        if (!isResetPassword) {

• Read up
  Read up

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

Open

const SellerRedirection = () => {
    const navigate = useNavigate();
    const { requires2FA } = useAppSelector((state) => state.login);

    useEffect(() => {

• Read up
  Read up

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

Open

const CopyButton: FC<CopyType> = ({ name, text, value }) => {
    const [copied, setCopied] = useState(false);

    useEffect(() => {
        const interval = setTimeout(() => {

• Read up
  Read up

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

Open

const CopyCard: FC<CopyType> = ({ name, text, value }) => {
    const [copied, setCopied] = useState(false);

    useEffect(() => {
        const interval = setTimeout(() => {

• Read up
  Read up

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

Open

                            data.map((item: DynamicData) => (
                                <div
                                    className="single-review mt-4 border-t   pt-4  border-inputCaption flex  flex-col gap-3 ipad:flex-ow ipad:gap11 ipad:justify-between "
                                    key={item.id}
                                >

• Read up
  Read up

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

Open

                                        review.slice(0, 2).map((item: DynamicData) => (
                                            <div
                                                className="single-review mt-4 border-t   pt-4  border-inputCaption flex  flex-col gap-3 ipad:flex-ow ipad:gap11 ipad:justify-between "
                                                key={item.id}
                                            >

• Read up
  Read up

Function ProfileUser has 254 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ProfileUser = () => {
    const dispatch = useAppDispatch();
    const { data, isLoading, error } = useAppSelector((state) => state.profile);
    const [selectedImage, setSelectedImage] = useState<File | null>(null);
    const { showErrorMessage, showSuccessMessage } = useToast();

Function PaymentToggleModel has 253 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function PaymentToggleModel() {
    const navigate = useNavigate();
    const dispatch = useAppDispatch();
    const [current, setCurrent] = useState(0);
    const [previousStep, setPreviousStep] = useState(0);

Function AddEditProductForm has 247 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const AddEditProductForm = () => {
    const location = useLocation();
    const navigate = useNavigate();
    const dispatch = useAppDispatch();
    const { showErrorMessage, showSuccessMessage } = useToast();

Function SingleProduct has 245 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SingleProduct = () => {
    const { isLoading, singleProduct } = useAppSelector((state) => state.product);

    const dispatch = useAppDispatch();
    const review = useAppSelector(

Function EditUserForm has 217 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const EditUserForm = (props: userFormType) => {
    const roles = useAppSelector(
        (state) => state.allRoles.data[state.allRoles.data.length - 1],
    );
    const roleLoading = useAppSelector((state) => state.allRoles.isLoading);

Function GetUser has 210 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const GetUser = (props: getUserType) => {
    const [currentPage, setCurrentPage] = useState(0);
    const [searchQuery, setSearchQuery] = useState('');
    const [butOverlay, setButOverlay] = useState('');
    const roles = useAppSelector((state) => state.allRoles?.data[0]);

Function ProductsPage has 199 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ProductsPage = () => {
    const [openFilter, setOpenFilter] = useState(false);
    const { isLoading, products } = useAppSelector((state) => state.product);
    const { data, searchInputs } = useAppSelector((state) => state.search);
    const { carts } = useAppSelector((state) => state.cart);

Function SellerDashboard has 186 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SellerDashboard = () => {
    const dispatch = useAppDispatch();
    const { show } = useHandleResize();
    const [VALUES, setVALUES] = useState(initialValues);
    const { isLoading, allSalesData } = useAppSelector((state) => state.sales);

Function AllReview has 185 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function AllReview(props: reviewType) {
    const [ratingTab, setRatingTab] = useState(false);
    const data = useAppSelector(
        (state) => state.fetchReview.data[state.fetchReview.data.length - 1]?.data,
    );

Function LandingProduct has 181 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const LandingProduct = () => {
    const { isLoading, products } = useAppSelector((state) => state.product);
    const { data, searchInputs } = useAppSelector((state) => state.search);
    const [openModel, setOpenModel] = useState(false);
    const [openFilter, setOpenFilter] = useState(false);

Function Contacts has 169 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Contacts = () => {
    const { show } = useHandleResize();
    const dispatch = useAppDispatch();
    const { isLoading } = useAppSelector((state) => state.queries);
    const { showSuccessMessage, showErrorMessage } = useToast();

Function ReviewForm has 157 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function ReviewForm(props: reviewFormType) {
    const [isEditMode, setIsEditMode] = useState(false);
    const [rated, setRated] = useState(0);
    const [reviewId, setReviewId] = useState('');
    const dispatch = useAppDispatch();