Skip to content

Commit

Permalink
♥
Browse files Browse the repository at this point in the history
  • Loading branch information
@alextusinean
alextusinean committed Jul 2, 2024
1 parent b82282b commit ff7f66e
Showing 1 changed file with 78 additions and 88 deletions.
166 changes: 78 additions & 88 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,14 +29,8 @@ import passwords from '../passwords';
export default function Home() {
const [isLoading, setIsLoading] = useState(false);
const [password, setPassword] = useState('');
const [currentYear, setCurrentYear] = useState('');
const { isOpen, onOpen, onClose } = useDisclosure();

useEffect(() => {
setCurrentYear(new Date().getFullYear());
window.downloader = document.getElementById('downloader');
}, []);

return (
<>
<Head>
Expand All @@ -52,94 +46,90 @@ export default function Home() {
/>
</Head>

{currentYear && (
<>
<a id='downloader' style={{ display: 'none' }}></a>
<Flex alignItems='center' justifyContent='center' mt='24' mb='14'>
<Box
direction='column'
background='gray.700'
rounded='6'
p='12'
position='relative'
>
<Heading mb='6'>EasySave3 Editor</Heading>
<a id='downloader' style={{ display: 'none' }}></a>
<Flex alignItems='center' justifyContent='center' mt='24' mb='14'>
<Box
direction='column'
background='gray.700'
rounded='6'
p='12'
position='relative'
>
<Heading mb='6'>EasySave3 Editor</Heading>

<Text>Password</Text>
<Box display='flex' flexDirection='row'>
<Input value={password} placeholder='a1bc2d3fghi4...' onChange={e => setPassword(e.target.value)} disabled={isLoading} />
<IconButton
ml='3'
variant='outline'
colorScheme='red'
icon={<CloseIcon />}
onClick={() => setPassword('')}
/>
</Box>
<Text mt='2'>Don&apos;t know the password for your game?</Text>
<Text>Check if it is already known below.</Text>
<Button mt='2' colorScheme='teal' onClick={onOpen}>Known game passwords</Button>
<Text>Password</Text>
<Box display='flex' flexDirection='row'>
<Input value={password} placeholder='a1bc2d3fghi4...' onChange={e => setPassword(e.target.value)} disabled={isLoading} />
<IconButton
ml='3'
variant='outline'
colorScheme='red'
icon={<CloseIcon />}
onClick={() => setPassword('')}
/>
</Box>
<Text mt='2'>Don&apos;t know the password for your game?</Text>
<Text>Check if it is already known below.</Text>
<Button mt='2' colorScheme='teal' onClick={onOpen}>Known game passwords</Button>

<Divider mt='8' mb='3' />
<Heading size='md' mb='3'>Decryption</Heading>
<CryptForm isLoading={isLoading} setIsLoading={setIsLoading} password={password} />
<Text mt='5'>Some games might not encrypt their save files and</Text>
<Text>only compress them using GZip. In this case, you</Text>
<Text>don't have to provide a password.</Text>
<Divider mt='8' mb='3' />
<Heading size='md' mb='3'>Decryption</Heading>
<CryptForm isLoading={isLoading} setIsLoading={setIsLoading} password={password} />
<Text mt='5'>Some games might not encrypt their save files and</Text>
<Text>only compress them using GZip. In this case, you</Text>
<Text>don't have to provide a password.</Text>

<Divider mt='5' mb='3' />
<Heading size='md' mb='3'>Encryption</Heading>
<CryptForm isLoading={isLoading} setIsLoading={setIsLoading} password={password} isEncryption />
</Box>
</Flex>
<Divider mt='5' mb='3' />
<Heading size='md' mb='3'>Encryption</Heading>
<CryptForm isLoading={isLoading} setIsLoading={setIsLoading} password={password} isEncryption />
</Box>
</Flex>

<Box position='fixed' bottom='5px' right='5px' textAlign='right'>
<Link as={NextLink} href='/terms-of-service' color='blue.500' mr='6.5px'>Terms of Service</Link>
<Link as={NextLink} href='/privacy-policy' color='blue.500'>Privacy Policy</Link>
<Text>Copyright © {currentYear} <Link as={NextLink} href='https://alex.tusinean.ro' color='blue.500'>Alex Tușinean</Link></Text>
</Box>
<Box position='fixed' bottom='5px' right='5px' textAlign='right'>
<Link as={NextLink} href='/terms-of-service' color='blue.500' mr='6.5px'>Terms of Service</Link>
<Link as={NextLink} href='/privacy-policy' color='blue.500'>Privacy Policy</Link>
<Text>Made with <span style={{ color: 'red' }}>♥</span> by <Link as={NextLink} href='https://alex.tusinean.ro' color='blue.500'>Alex Tușinean</Link></Text>
</Box>

<Modal
blockScrollOnMount={false}
isOpen={isOpen} onClose={onClose}
scrollBehavior='inside' isCentered
>
<ModalOverlay />
<ModalContent>
<ModalHeader>Known game passwords</ModalHeader>
<ModalCloseButton />
<ModalBody>
{passwords.map(({ gameName, password }, index) => (
<Box key={index}>
{index !== 0 && <Divider my='2' />}
<Box display='flex' flexDirection='row' alignItems='center'>
<Code>{password}</Code>
<Text ml='auto'>{gameName}</Text>
<Button
ml='3' colorScheme='teal'
onClick={() => {
setPassword(password);
onClose();
}}
>
Use
</Button>
</Box>
</Box>
))}
<Text mt='5'>Can&apos;t find your game here?</Text>
<Text>Try decrypting it without a password.</Text>
</ModalBody>
<Modal
blockScrollOnMount={false}
isOpen={isOpen} onClose={onClose}
scrollBehavior='inside' isCentered
>
<ModalOverlay />
<ModalContent>
<ModalHeader>Known game passwords</ModalHeader>
<ModalCloseButton />
<ModalBody>
{passwords.map(({ gameName, password }, index) => (
<Box key={index}>
{index !== 0 && <Divider my='2' />}
<Box display='flex' flexDirection='row' alignItems='center'>
<Code>{password}</Code>
<Text ml='auto'>{gameName}</Text>
<Button
ml='3' colorScheme='teal'
onClick={() => {
setPassword(password);
onClose();
}}
>
Use
</Button>
</Box>
</Box>
))}
<Text mt='5'>Can&apos;t find your game here?</Text>
<Text>Try decrypting it without a password.</Text>
</ModalBody>

<ModalFooter>
<Button onClick={onClose}>
Ok
</Button>
</ModalFooter>
</ModalContent>
</Modal>
</>
)}
<ModalFooter>
<Button onClick={onClose}>
Ok
</Button>
</ModalFooter>
</ModalContent>
</Modal>
</>
);
}

0 comments on commit ff7f66e

Please sign in to comment.