fix password modal

2 files changed, 4 insertions, 2 deletions

diff --git a/frontend/src/components/Inputs/Password.js b/frontend/src/components/Inputs/Password.js
index 6877574..099aae4 100644
--- a/frontend/src/components/Inputs/Password.js
+++ b/frontend/src/components/Inputs/Password.js
@@ -5,7 +5,7 @@ import {Input} from "../Common/Input";
 export const Password = (props) => <Labelled label="password">
   <Input
     name="pass"
-    placeholder="add password"
+    placeholder={props.placeholder ?? "add password"}
     type="password"
     autoComplete="off"
     onChange={props.onChange}
diff --git a/frontend/src/components/modals/PasswordModal.js b/frontend/src/components/modals/PasswordModal.js
index 813c1e3..a829091 100644
--- a/frontend/src/components/modals/PasswordModal.js
+++ b/frontend/src/components/modals/PasswordModal.js
@@ -3,6 +3,7 @@ import Modal from 'react-modal';
 import { Password } from '../Inputs'
 import {ModalHeader, Padding, modalStyles, Form} from './shared'
 import Error from '../Err';
+import {SubmitButton} from "../Common/Button";
 
 const PasswordModal = (props) => {
     const ErrorLabel = useRef(null);
@@ -23,9 +24,10 @@ const PasswordModal = (props) => {
             <Form onSubmit={submitPassword}>
                 <ModalHeader><span role="img" aria-label="warning">🚧&nbsp;</span>err: password protected</ModalHeader>
                 <Password
+                    placeholder="hunter2"
                     value={props.value}
                     onChange={props.onChange} />
-                <input className="lt-button lt-shadow lt-hover" type="submit" value="continue" />
+                <SubmitButton type="submit" value="continue" />
                 <Padding />
                 <Error ref={ErrorLabel} />
             </Form>