From 0c947a9f7d4ff3f9e65d01df21d6d50e9fa51095 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Sun, 31 Jan 2021 14:29:48 +0100
Subject: toast color fix

---
 components/toast.tsx | 4 ++--
 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>
-- 
cgit v1.2.3