xref: /MusicFree/src/pages/localMusic/mainPage/index.tsx (revision cd669353b6a483aad2a61863c7df332c267907c6)
1import React from 'react';
2import ComplexAppBar from '@/components/base/ComplexAppBar';
3import LocalMusicSheet from '@/core/localMusicSheet';
4import {ROUTE_PATH, useNavigate} from '@/entry/router';
5import LocalMusicList from './localMusicList';
6import MusicBar from '@/components/musicBar';
7
8export default function MainPage() {
9    const navigate = useNavigate();
10    return (
11        <>
12            <ComplexAppBar
13                title="本地音乐"
14                onSearchPress={() => {
15                    navigate(ROUTE_PATH.SEARCH_MUSIC_LIST, {
16                        musicList: LocalMusicSheet.getMusicList(),
17                    });
18                }}
19                menuOptions={[
20                    {
21                        icon: 'magnify',
22                        title: '扫描本地音乐',
23                        async onPress() {
24                            navigate(ROUTE_PATH.LOCAL_SCAN);
25                        },
26                    },
27                    {
28                        icon: 'playlist-edit',
29                        title: '批量编辑',
30                        async onPress() {
31                            navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {
32                                musicList: LocalMusicSheet.getMusicList(),
33                            });
34                        },
35                    },
36                ]}
37            />
38            <LocalMusicList />
39            <MusicBar />
40        </>
41    );
42}
43