aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/views/center
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/views/center')
-rw-r--r--FrontEnd/src/views/center/TimelineCreateDialog.tsx6
-rw-r--r--FrontEnd/src/views/center/index.tsx6
2 files changed, 6 insertions, 6 deletions
diff --git a/FrontEnd/src/views/center/TimelineCreateDialog.tsx b/FrontEnd/src/views/center/TimelineCreateDialog.tsx
index 4871a5e0..d3b30575 100644
--- a/FrontEnd/src/views/center/TimelineCreateDialog.tsx
+++ b/FrontEnd/src/views/center/TimelineCreateDialog.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { useHistory } from "react-router";
+import { useNavigate } from "react-router-dom";
import { validateTimelineName } from "@/services/timeline";
import OperationDialog from "../common/dailog/OperationDialog";
@@ -11,7 +11,7 @@ interface TimelineCreateDialogProps {
}
const TimelineCreateDialog: React.FC<TimelineCreateDialogProps> = (props) => {
- const history = useHistory();
+ const navigate = useNavigate();
return (
<OperationDialog
@@ -43,7 +43,7 @@ const TimelineCreateDialog: React.FC<TimelineCreateDialogProps> = (props) => {
getHttpTimelineClient().postTimeline({ name })
}
onSuccessAndClose={(timeline: HttpTimelineInfo) => {
- history.push(`timelines/${timeline.name}`);
+ navigate(`timelines/${timeline.name}`);
}}
failurePrompt={(e) => `${e as string}`}
/>
diff --git a/FrontEnd/src/views/center/index.tsx b/FrontEnd/src/views/center/index.tsx
index 430d9781..283925b9 100644
--- a/FrontEnd/src/views/center/index.tsx
+++ b/FrontEnd/src/views/center/index.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { useHistory } from "react-router";
+import { useNavigate } from "react-router-dom";
import { useUserLoggedIn } from "@/services/user";
@@ -11,7 +11,7 @@ import TimelineCreateDialog from "./TimelineCreateDialog";
import "./index.css";
const HomePage: React.FC = () => {
- const history = useHistory();
+ const navigate = useNavigate();
const user = useUserLoggedIn();
@@ -29,7 +29,7 @@ const HomePage: React.FC = () => {
value={navText}
onChange={setNavText}
onButtonClick={() => {
- history.push(`search?q=${navText}`);
+ navigate(`search?q=${navText}`);
}}
additionalButton={
user != null && (