xt/estim_control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add navigate to editor function to pattern detail.

Browse Source
This commit is contained in:
Vixalie 2025-03-11 22:49:14 +08:00
parent 13d32fb0e0
commit 3296eba4b2
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/page-components/pattern-library/PatternDetail.tsx
View File

@ -3,6 +3,7 @@ import { ask } from '@tauri-apps/plugin-dialog';
import dayjs from 'dayjs';
import { useAtomValue, useSetAtom } from 'jotai';
import { FC, useCallback, useMemo } from 'react';
import { useNavigate } from 'react-router-dom';
import { NotificationType, useNotification } from '../../components/Notifications';
import PatternPreview from '../../components/PatternPreview';
import {
@ -27,6 +28,7 @@ const EmptyPromption: FC = () => {
const Detail: FC<{ pattern: Pattern }> = ({ pattern }) => {
const { showToast } = useNotification();
const navigate = useNavigate();
const refreshPatterns = useSetAtom(PatternsAtom);
const resetSelected = useSetAtom(SelectedPatternIdAtom);
const patternDuration = useMemo(() => totalDuration(pattern), [pattern]);
@ -60,7 +62,9 @@ const Detail: FC<{ pattern: Pattern }> = ({ pattern }) => {
<div className={styles.pattern_detail}>
<div className={styles.control_panel}>
<div className={styles.button_row}>
<button className="tonal">Edit Pattern</button>
<button className="tonal" onClick={() => navigate('/pattern-editor/edit')}>
Edit Pattern
</button>
<button className="tonal danger" onClick={handleDeleteAction}>
Delete Pattern
</button>