keannu125/React-NotesApp
1
0
Fork 0
mirror of https://github.com/lemeow125/React-NotesApp.git synced 2024-11-16 22:19:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Polished activation page

Browse source
This commit is contained in:
keannu125 2023-02-27 00:13:17 +08:00
parent 115b8b207f
commit 1cc9762d08
2 changed files with 38 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/Routes/Activation/Activation.tsx
View file

@ -10,25 +10,51 @@ export interface activation {
}
export default function Activation() {
let { uid, token } = useParams();
const [activationStatus, setStatus] = useState("Activating...");
const [status, setStatus] = useState(0);
async function verify(activation: activation) {
let status = await UserActivate(activation);
if (status) {
setStatus("Success!");
setStatus(1);
} else {
setStatus("Invalid Activation Link");
setStatus(2);
}
}
if (uid && token) {
verify({ uid, token });
}
if (status === 1) {
return (
<div style={styles.background}>
<Header />
<div style={styles.note}>
<p style={styles.text_small}>User ID: {uid}</p>
<p style={styles.text_small}>Activation Token: {token}</p>
<p style={styles.text_small_green}>
Activation Successful. Please login
</p>
</div>
</div>
);
}
if (status === 2) {
return (
<div style={styles.background}>
<Header />
<div style={styles.note}>
<p style={styles.text_small}>User ID: {uid}</p>
<p style={styles.text_small}>Activation Token: {token}</p>
<p style={styles.text_small_red}>Invalid Activation Link</p>
</div>
</div>
);
}
return (
<div style={styles.background}>
<Header />
<div style={styles.note}>
<p style={styles.text_medium}>User ID: {uid}</p>
<p style={styles.text_medium}>Activation Token: {token}</p>
<p style={styles.text_medium}>{activationStatus}</p>
<p style={styles.text_small}>User ID: {uid}</p>
<p style={styles.text_small}>Activation Token: {token}</p>
<p style={styles.text_small}>Activating...</p>
</div>
</div>
);

7
src/styles.tsx
View file

@ -122,7 +122,12 @@ const styles: { [key: string]: React.CSSProperties } = {
fontWeight: "bold",
textAlign: "center",
},
text_small_green: {
color: "#0dbc6a",
fontSize: "2vh",
fontWeight: "bold",
textAlign: "center",
},
text_medium: {
color: "white",
fontSize: "4vh",