feat: qtfm instructions & notes
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
鲁树人 2023-12-22 10:33:12 +00:00
parent 2db1b7fb7f
commit 92a5eb7179

View File

@ -1,20 +1,19 @@
import { import {
Box, Box,
Button,
Code, Code,
Flex, Flex,
FormControl, FormControl,
FormHelperText, FormHelperText,
FormLabel, FormLabel,
Heading, Heading,
Icon,
Input, Input,
ListItem,
Text, Text,
UnorderedList,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { useAppDispatch, useAppSelector } from '~/hooks'; import { useAppDispatch, useAppSelector } from '~/hooks';
import { fetchParakeet } from '@jixun/libparakeet'; import { fetchParakeet } from '@jixun/libparakeet';
import { MdLock } from 'react-icons/md';
import { ExtLink } from '~/components/ExtLink'; import { ExtLink } from '~/components/ExtLink';
import { ChangeEvent, ClipboardEvent } from 'react'; import { ChangeEvent, ClipboardEvent } from 'react';
import { VQuote } from '~/components/HelpText/VQuote'; import { VQuote } from '~/components/HelpText/VQuote';
@ -79,40 +78,56 @@ export function PanelQingTing() {
</Heading> </Heading>
<Text> <Text>
<VQuote> FM</VQuote> <VQuote> FM</VQuote>
</Text> </Text>
<Box display="none">
{/* TODO: 解密弹窗、带步骤说明 */}
<Box p={2} pt={4} pb={4}>
<Button onClick={() => {}} leftIcon={<Icon as={MdLock} boxSize={5} />} variant="outline">
</Button>
</Box>
</Box>
<Box mt={3} mb={3}> <Box mt={3} mb={3}>
<FormControl> <FormControl>
<FormLabel></FormLabel> <FormLabel></FormLabel>
<Input type="text" onPaste={handleDataPaste} value={secretKey} onChange={handleDataInput} /> <Input type="text" onPaste={handleDataPaste} value={secretKey} onChange={handleDataInput} />
<FormHelperText> <FormHelperText>
{'粘贴含有密钥的信息时将自动提取密钥(如通过 '} {'粘贴含有设备密钥的信息的内容时将自动提取密钥(如通过 '}
<ExtLink href={QTFM_DEVICE_ID_URL}> <ExtLink href={QTFM_DEVICE_ID_URL}>
<Code>qtfm-device-id</Code> <Code>qtfm-device-id</Code>
</ExtLink> </ExtLink>
{' 获取的内容)。'} {' 获取的设备信息)。'}
</FormHelperText> </FormHelperText>
</FormControl> </FormControl>
</Box> </Box>
{/* TODO: 填入内部储存开始的完整路径 */} <Heading as="h3" size="md" pt={3} pb={2}>
<Text>
<VQuote> FM</VQuote> <Code>QTDownloadRadio</Code> 使 </Heading>
<VQuote> <UnorderedList>
<Code>.</Code> <ListItem>
</VQuote> <Text>
</Text> <Code>[]/Android/data/fm.qingting.qtradio/files/Music/</Code>
<Text></Text> </Text>
<UnorderedList>
<ListItem>
<Text>
使
<ruby>
<rp> (</rp>
<rt>root</rt>
<rp>)</rp>
</ruby>
访
</Text>
</ListItem>
</UnorderedList>
</ListItem>
<ListItem>
<Text>
<Code>.p~!</Code>
</Text>
</ListItem>
<ListItem>
<Text></Text>
</ListItem>
</UnorderedList>
</Flex> </Flex>
); );
} }