21
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import { Suspense, lazy, useEffect } from "react";
|
||||
import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router";
|
||||
import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom";
|
||||
import { HelmetProvider } from "react-helmet-async";
|
||||
import AppLayout from "./layout/AppLayout";
|
||||
import { ScrollToTop } from "./components/common/ScrollToTop";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect, ReactNode, useState } from "react";
|
||||
import { Navigate, useLocation } from "react-router";
|
||||
import { Navigate, useLocation } from "react-router-dom";
|
||||
import { useAuthStore } from "../../store/authStore";
|
||||
import { useErrorHandler } from "../../hooks/useErrorHandler";
|
||||
import { trackLoading } from "../common/LoadingStateMonitor";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useState } from "react";
|
||||
import { Link, useNavigate, useLocation } from "react-router";
|
||||
import { Link, useNavigate, useLocation } from "react-router-dom";
|
||||
import { ChevronLeftIcon, EyeCloseIcon, EyeIcon } from "../../icons";
|
||||
import Label from "../form/Label";
|
||||
import Input from "../form/input/InputField";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useState } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import { ChevronLeftIcon, EyeCloseIcon, EyeIcon } from "../../icons";
|
||||
import Label from "../form/Label";
|
||||
import Input from "../form/input/InputField";
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
interface BreadcrumbProps {
|
||||
pageTitle: string;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect } from "react";
|
||||
import { useLocation } from "react-router";
|
||||
import { useLocation } from "react-router-dom";
|
||||
|
||||
export function ScrollToTop() {
|
||||
const { pathname } = useLocation();
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { ReactNode, useState } from "react";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import { ArrowUpIcon, ArrowDownIcon } from "../../icons";
|
||||
import { EnhancedTooltip } from "../ui/tooltip/EnhancedTooltip";
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { ReactNode } from "react";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import { CheckCircleIcon, TimeIcon, ArrowRightIcon } from "../../icons";
|
||||
import { Tooltip } from "../ui/tooltip";
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@ import { useState } from "react";
|
||||
import { ThemeToggleButton } from "../common/ThemeToggleButton";
|
||||
import NotificationDropdown from "./NotificationDropdown";
|
||||
import UserDropdown from "./UserDropdown";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
// Define the interface for the props
|
||||
interface HeaderProps {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState, useRef } from "react";
|
||||
import { Dropdown } from "../ui/dropdown/Dropdown";
|
||||
import { DropdownItem } from "../ui/dropdown/DropdownItem";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
export default function NotificationDropdown() {
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useState, useEffect, useRef } from "react";
|
||||
import { useLocation, useNavigate } from "react-router";
|
||||
import { useLocation, useNavigate } from "react-router-dom";
|
||||
import { Dropdown } from "../ui/dropdown/Dropdown";
|
||||
import { DropdownItem } from "../ui/dropdown/DropdownItem";
|
||||
import { fetchSites, Site, setActiveSite as apiSetActiveSite } from "../../services/api";
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
import { useState, useRef } from "react";
|
||||
import { useNavigate } from "react-router";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { DropdownItem } from "../ui/dropdown/DropdownItem";
|
||||
import { Dropdown } from "../ui/dropdown/Dropdown";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import { useAuthStore } from "../../store/authStore";
|
||||
|
||||
export default function UserDropdown() {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useState, useEffect, useCallback, useRef } from "react";
|
||||
import { useLocation } from "react-router";
|
||||
import { useLocation } from "react-router-dom";
|
||||
import { API_BASE_URL } from "../../services/api";
|
||||
import { useAuthStore } from "../../store/authStore";
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from "react";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import { ArrowRightIcon } from "../../icons";
|
||||
|
||||
export interface RelationshipData {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
interface AlertProps {
|
||||
variant: "success" | "error" | "warning" | "info"; // Alert type
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { ReactNode } from "react";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
interface BreadcrumbProps {
|
||||
items: Array<{
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import type React from "react";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
interface DropdownItemProps {
|
||||
tag?: "a" | "button";
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { useNavigate } from "react-router";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
const useGoBack = () => {
|
||||
const navigate = useNavigate();
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import { useSidebar } from "../context/SidebarContext";
|
||||
import { ThemeToggleButton } from "../components/common/ThemeToggleButton";
|
||||
import NotificationDropdown from "../components/header/NotificationDropdown";
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { SidebarProvider, useSidebar } from "../context/SidebarContext";
|
||||
import { Outlet } from "react-router";
|
||||
import { Outlet } from "react-router-dom";
|
||||
import AppHeader from "./AppHeader";
|
||||
import Backdrop from "./Backdrop";
|
||||
import AppSidebar from "./AppSidebar";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||
import { Link, useLocation } from "react-router";
|
||||
import { Link, useLocation } from "react-router-dom";
|
||||
|
||||
// Assume these icons are imported from an icon library
|
||||
import {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import React from "react";
|
||||
import GridShape from "../../components/common/GridShape";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import ThemeTogglerTwo from "../../components/common/ThemeTogglerTwo";
|
||||
|
||||
export default function AuthLayout({
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect, useState, lazy, Suspense } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import PageMeta from "../../components/common/PageMeta";
|
||||
import ComponentCard from "../../components/common/ComponentCard";
|
||||
import { ProgressBar } from "../../components/ui/progress";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect, useState, lazy, Suspense, useRef } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import PageMeta from "../../components/common/PageMeta";
|
||||
import CreditBalanceWidget from "../../components/dashboard/CreditBalanceWidget";
|
||||
import UsageChartWidget from "../../components/dashboard/UsageChartWidget";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import GridShape from "../../components/common/GridShape";
|
||||
import { Link } from "react-router";
|
||||
import { Link } from "react-router-dom";
|
||||
import PageMeta from "../../components/common/PageMeta";
|
||||
|
||||
export default function NotFound() {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect, useState, useMemo, lazy, Suspense } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import PageMeta from "../../components/common/PageMeta";
|
||||
import ComponentCard from "../../components/common/ComponentCard";
|
||||
import { ProgressBar } from "../../components/ui/progress";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect, useState, lazy, Suspense } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import PageMeta from "../../components/common/PageMeta";
|
||||
import ComponentCard from "../../components/common/ComponentCard";
|
||||
import { ProgressBar } from "../../components/ui/progress";
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect, useState, useMemo, lazy, Suspense } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import PageMeta from "../../components/common/PageMeta";
|
||||
import ComponentCard from "../../components/common/ComponentCard";
|
||||
import { ProgressBar } from "../../components/ui/progress";
|
||||
|
||||
Reference in New Issue
Block a user