Skip to content

Commit

Permalink
New updates
Browse files Browse the repository at this point in the history
  • Loading branch information
elielnfinic committed Oct 26, 2022
1 parent f90055a commit 84eab12
Show file tree
Hide file tree
Showing 6 changed files with 126 additions and 40 deletions.
81 changes: 41 additions & 40 deletions public/output.css
Original file line number Diff line number Diff line change
Expand Up @@ -466,7 +466,8 @@ select {
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}

[multiple] {
Expand All @@ -475,14 +476,16 @@ select {
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
print-color-adjust: unset;
-webkit-print-color-adjust: unset;
print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
-webkit-appearance: none;
appearance: none;
padding: 0;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
Expand Down Expand Up @@ -764,6 +767,11 @@ select {
margin-right: auto;
}

.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}

.ml-10 {
margin-left: 2.5rem;
}
Expand Down Expand Up @@ -816,10 +824,6 @@ select {
margin-top: 2rem;
}

.mt-4 {
margin-top: 1rem;
}

.block {
display: block;
}
Expand Down Expand Up @@ -928,10 +932,6 @@ select {
max-width: 20rem;
}

.flex-none {
flex: none;
}

.flex-1 {
flex: 1 1 0%;
}
Expand Down Expand Up @@ -976,10 +976,6 @@ select {
flex-direction: row;
}

.content-center {
align-content: center;
}

.items-center {
align-items: center;
}
Expand Down Expand Up @@ -1095,21 +1091,46 @@ select {
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-blue-100 {
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-openden1 {
--tw-bg-opacity: 1;
background-color: rgb(20 29 55 / var(--tw-bg-opacity));
}

.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-indigo-100 {
--tw-bg-opacity: 1;
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.bg-sky-200 {
--tw-bg-opacity: 1;
background-color: rgb(186 230 253 / var(--tw-bg-opacity));
}

.bg-sky-100 {
--tw-bg-opacity: 1;
background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.p-1 {
padding: 0.25rem;
}
Expand Down Expand Up @@ -1388,9 +1409,9 @@ select {
}

.transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -1461,30 +1482,19 @@ select {
}

.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-line: underline;
}

.focus\:border-blue-500:focus {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-openden2:focus {
--tw-border-opacity: 1;
border-color: rgb(32 83 110 / var(--tw-border-opacity));
}

.focus\:border-openden1:focus {
--tw-border-opacity: 1;
border-color: rgb(20 29 55 / var(--tw-border-opacity));
}

.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
Expand Down Expand Up @@ -1515,11 +1525,6 @@ select {
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-openden2:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(32 83 110 / var(--tw-ring-opacity));
}

.focus\:ring-openden1:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(20 29 55 / var(--tw-ring-opacity));
Expand Down Expand Up @@ -1717,10 +1722,6 @@ select {
display: block;
}

.md\:flex {
display: flex;
}

.md\:hidden {
display: none;
}
Expand Down
Binary file added rsa-encrypt/.DS_Store
Binary file not shown.
1 change: 1 addition & 0 deletions rsa-encrypt/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
target
Binary file added src/.DS_Store
Binary file not shown.
2 changes: 2 additions & 0 deletions src/Router.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from "react";
import {BrowserRouter, Routes, Route} from "react-router-dom";
import Login from "./pages/auth/LogIn";
import SignUp from "./pages/auth/SignUp";
import Dashboard from "./pages/dashboard/Dashboard";
import MyFiles from "./pages/dashboard/MyFiles";
Expand All @@ -15,6 +16,7 @@ const Router = () => {
<Route path="/" element={<Newsletter/>}/>
<Route path="/new-home" element={<Home/>}/>
<Route path="/new-signup" element={<SignUp/>}/>
<Route path="/new-login" element={<Login/>}/>
<Route path="/new-dashboard" element={<Dashboard/>}/>
<Route path="/new-shared" element={<SharedFiles/>}/>
<Route path="/new-myfiles" element={<MyFiles/>}/>
Expand Down
82 changes: 82 additions & 0 deletions src/pages/auth/LogIn.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
import React,{Component} from "react";
import WebMenus from "../../shared_components/web_site_menus";
import init,{get_mnemonic, check_mnemonic} from "rsa-encrypt";

class Login extends Component {
state = {
mnemonic : '',
mnemonic_input : '',
show_mnemonic_invalid : false,
show_mnemonic_valid : false
}

componentDidMount(){
//this.getMnemonic();
}

handleChange = (e) => {
this.setState({
[e.target.name] : e.target.value
});
}

handleLogin = async () => {
if(this.state.mnemonic_input){
await init();
console.log("Checking");
const res = await check_mnemonic(this.state.mnemonic_input);
if(res == "valid mnemo"){
this.setState({
show_mnemonic_valid : true,
show_mnemonic_invalid : false,
});
localStorage.mn = this.state.mnemonic_input;
setTimeout(function(){
window.location.href = "/new-myfiles"
},1000);
}else{
this.setState({
show_mnemonic_invalid : true,
show_mnemonic_valid : false,
});
}

}else{
console.log("Not found", this.state);
}
}


render(){
return(
<div>
<WebMenus/>
<main className="mx-auto mt-1 max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
<h1 className="font-bold text-3xl text-slate-900 mb-5 text-center">Welcome back, please log in</h1>

<div className="mb-2">Enter your mnemonic phrase</div>

<div className="">
<p>
<textarea name="mnemonic_input" onChange={this.handleChange} placeholder="Enter mnemonic phrase here" className="p-2 rounded-md bg-sky-100 w-full"></textarea>
</p>
</div>

<div style={{display:this.state.show_mnemonic_valid ? '' : 'none'}} className="bg-green-100 px-4 py-2 my-4 rounded-md">
Valid mnemonic phrase
</div>

<div style={{display:this.state.show_mnemonic_invalid ? '' : 'none'}} className="bg-red-100 px-4 py-2 my-4 rounded-md">
Invalid mnemonic phrase
</div>

<div>
<button onClick={this.handleLogin} className="mt-1 flex items-center justify-center rounded-md border border-transparent bg-openden1 px-8 py-3 text-base font-medium text-white hover:bg-openden2 md:py-4 md:px-10 md:text-lg">Log in</button>
</div>
</main>
</div>
);
}
}

export default Login;

0 comments on commit 84eab12

Please sign in to comment.