diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-01-31 14:29:48 +0100 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-01-31 14:29:48 +0100 |
| commit | 0c947a9f7d4ff3f9e65d01df21d6d50e9fa51095 (patch) | |
| tree | 223149eceed79cad843ed38fed23ed6d6ae1088b | |
| parent | 9695ce3a31c314c1aa4c2d0b7ebae1d066070b71 (diff) | |
toast color fix
| -rw-r--r-- | components/toast.tsx | 4 | ||||
| -rw-r--r-- | pages/index.tsx | 7 |
2 files changed, 6 insertions, 5 deletions
diff --git a/components/toast.tsx b/components/toast.tsx index 1d467bd..e01683f 100644 --- a/components/toast.tsx +++ b/components/toast.tsx @@ -41,8 +41,8 @@ export class Toast extends Component<{ boxShadow: "0 8px 12px -4px #00000033", backgroundColor: this.props.type === "normal" ? "var(--background)" : - this.props.type === "confirmation" ? "var(--disk-a)" : - this.props.type === "error" ? "var(--disk-b)" : "var(--background)", + this.props.type === "confirmation" ? "var(--disk-b)" : + this.props.type === "error" ? "var(--disk-a)" : "var(--background)", ...this.props.style }}> { diff --git a/pages/index.tsx b/pages/index.tsx index bd7100e..ff4e2b7 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,4 +1,4 @@ -import { CSSProperties, Component, useEffect } from 'react'; +import { CSSProperties, Component } from 'react'; import axios from 'axios'; import { userInfo } from '../api/api'; @@ -82,8 +82,9 @@ export default class HomePage extends Component { return <div> <NavBar/> <ToastArea> - <Toast text="Gert" icon={<VideogameAssetIcon style={{ fontSize: 32 }}/>}/> - <Toast text="Gert"/> + <Toast text="Met icoon" icon={<VideogameAssetIcon style={{ fontSize: 32 }}/>}/> + <Toast text="Confirmation" type="confirmation"/> + <Toast text="Error" type="error"/> </ToastArea> <CenteredPage width={802}> <PageTitle>4 op een rij</PageTitle> |