/* Copyright (c) 2020 Stephen Mendez. All rights reserved. * This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this file, * You can obtain one at http://mozilla.org/MPL/2.0/. */ import { ipcRenderer } from "electron"; import React, { useState } from "react"; import Head from "next/head"; import { Segment, Input, Header, Icon, Button } from "semantic-ui-react"; import { motion } from "framer-motion"; const CreatePassword = () => { const [isError, setIsError] = useState(false); const [password, setPassword] = useState(''); const [confirmedPassword, setConfirmedPassword] = useState(''); const [isLoading, setIsLoading] = useState(false); const [animVal, setAnimValue] = useState(1); const submit = async () => { setIsLoading(true); const result = await ipcRenderer.invoke("password::create", { password, confirmedPassword }); setIsLoading(false); if (result) { setAnimValue(0); } else { setIsError(true); } } const onKeyUp = async (event) => { if (event.key === "Enter") { submit(); } }; return ( Create A Password
Create Password
onKeyUp(e)} onChange={(e) => setPassword(e.target.value)} > onKeyUp(e)} onChange={(e) => setConfirmedPassword(e.target.value)} > ); }; export default CreatePassword;