mirror of
https://git.um-react.app/um/um-react.git
synced 2025-11-28 03:23:02 +00:00
refactor: batch 4
This commit is contained in:
@@ -1,51 +1,36 @@
|
||||
import {
|
||||
Accordion,
|
||||
AccordionButton,
|
||||
AccordionIcon,
|
||||
AccordionItem,
|
||||
AccordionPanel,
|
||||
Box,
|
||||
Heading,
|
||||
Text,
|
||||
} from '@chakra-ui/react';
|
||||
import { InstructionsIOSCondition } from './InstructionsIOSCondition';
|
||||
import { useId } from 'react';
|
||||
|
||||
export function InstructionsIOS() {
|
||||
const iosInstructionId = useId();
|
||||
|
||||
return (
|
||||
<>
|
||||
<Box>
|
||||
<Text>iOS 设备获取应用私有文件比较麻烦,你需要越狱或使用一台 PC 或 Mac 来对 iOS 设备进行完整备份。</Text>
|
||||
<Text>因此,建议换用 PC 或 Mac 重新下载音乐文件然后再尝试解密。</Text>
|
||||
</Box>
|
||||
<Accordion allowToggle mt="2">
|
||||
<AccordionItem>
|
||||
<Heading as="h3" size="md">
|
||||
<AccordionButton>
|
||||
<Box as="span" flex="1" textAlign="left">
|
||||
我的 iOS 设备已经越狱
|
||||
</Box>
|
||||
<AccordionIcon />
|
||||
</AccordionButton>
|
||||
</Heading>
|
||||
<AccordionPanel pb={4}>
|
||||
<InstructionsIOSCondition jailbreak={true} />
|
||||
</AccordionPanel>
|
||||
</AccordionItem>
|
||||
<div>
|
||||
<p>iOS 设备获取应用私有文件比较麻烦,你需要越狱或使用一台 PC 或 Mac 来对 iOS 设备进行完整备份。</p>
|
||||
<p>因此,建议换用 PC 或 Mac 重新下载音乐文件然后再尝试解密。</p>
|
||||
</div>
|
||||
|
||||
<AccordionItem>
|
||||
<Heading as="h3" size="md">
|
||||
<AccordionButton>
|
||||
<Box as="span" flex="1" textAlign="left">
|
||||
我的 iOS 设备没有越狱
|
||||
</Box>
|
||||
<AccordionIcon />
|
||||
</AccordionButton>
|
||||
</Heading>
|
||||
<AccordionPanel pb={4}>
|
||||
<div className="join join-vertical bg-base-100 mt-2 max-w-full">
|
||||
<div className="collapse collapse-arrow join-item border-base-300 border">
|
||||
<input type="radio" name={iosInstructionId} />
|
||||
<div className="collapse-title font-semibold">
|
||||
我的 iOS 设备<strong>已经越狱</strong>{' '}
|
||||
</div>
|
||||
<div className="collapse-content text-sm min-w-0">
|
||||
<InstructionsIOSCondition jailbreak={true} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="collapse collapse-arrow join-item border-base-300 border">
|
||||
<input type="radio" name={iosInstructionId} />
|
||||
<div className="collapse-title font-semibold">
|
||||
我的 iOS 设备<strong>没有越狱</strong>
|
||||
</div>
|
||||
<div className="collapse-content text-sm min-w-0">
|
||||
<InstructionsIOSCondition jailbreak={false} />
|
||||
</AccordionPanel>
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user