Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2025-12-29 00:24:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: replace useRouter with useParams (#422)

Browse Source 
* fix: replace useRouter with useParams

* fix: replace useRouter with useParams
This commit is contained in:
Aaryan Khandelwal
2024-06-17 17:42:13 +05:30
committed by GitHub
parent 85ff2fe8f7
commit fd29f8df5c
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/core/components/workspace/plane-badge.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState } from "react";
import { observer } from "mobx-react";
import Image from "next/image";
import { useRouter } from "next/router";
import { useParams } from "next/navigation";
import useSWR from "swr";
// ui
import { Tooltip, Button, getButtonStyling } from "@plane/ui";
@@ -21,8 +21,8 @@ import packageJson from "package.json";
const discoService = new DiscoService();
export const PlaneBadge: React.FC = observer(() => {
const router = useRouter();
const { workspaceSlug } = router.query;
// params
const { workspaceSlug } = useParams();
// states
const [isProPlanModalOpen, setIsProPlanModalOpen] = useState(false);
const [isProPlanDetailsModalOpen, setProPlanDetailsModalOpen] = useState(false);

8
web/ee/components/license/cloud-products-modal.tsx
View File

@@ -1,10 +1,8 @@
import { FC, Fragment, useState } from "react";
import orderBy from "lodash/orderBy";
import { useRouter } from "next/router";
import { useParams } from "next/navigation";
import useSWR from "swr";
// icons
import { CheckCircle } from "lucide-react";
// ui
import { Dialog, Transition, Tab } from "@headlessui/react";
// types
import { IPaymentProduct, IPaymentProductPrice } from "@plane/types";
@@ -47,8 +45,8 @@ export type CloudProductsModalProps = {
export const CloudProductsModal: FC<CloudProductsModalProps> = (props) => {
const { isOpen, handleClose } = props;
const router = useRouter();
const { workspaceSlug } = router.query;
// params
const { workspaceSlug } = useParams();
// store
const { captureEvent } = useEventTracker();
// fetch products