implement notification onClick

Author: mrdadah

src/components/SetupPage/index.js

@@ -18,28 +18,18 @@ import DatasetJSONEditor from "../DatasetJSONEditor"
 import useInterface from "../../hooks/use-interface"
 import useSample from "../../hooks/use-sample"
 import Protip from "./Protip"
-import { useToasts } from "../Toasts"
 
 const noop = () => {}
 
 export default ({ onClearLabelData }) => {
   const { iface, updateInterface } = useInterface()
   const { sample } = useSample(0)
-  const { addToast } = useToasts()
   const [currentTab, setTab] = useState(iface?.type ? "configure" : "datatype")
 
   return (
     <div>
       <Box padding="8px" paddingBottom="0px">
-        <Tabs
-          value={currentTab}
-          onChange={(e, newTab) => {
-            addToast("Couldn't load plugin: ", "error", () => {
-              console.log("passed click")
-            })
-            setTab(newTab)
-          }}
-        >
+        <Tabs value={currentTab} onChange={(e, newTab) => setTab(newTab)}>
           <Tab icon={<CategoryIcon />} label="Data Type" value="datatype" />
           <Tab
             disabled={!iface?.type}

src/components/Toasts/index.js

@@ -130,7 +130,7 @@ export const ToastProvider = ({ children }) => {
   const addToast = (
     message: string,
     messageType: string = "info",
-    onClick: function = null
+    onClick: function
   ) => changeToasts({ type: "add", message, messageType, onClick })
 
   return (
@@ -176,11 +176,7 @@ export const Notification = ({ type, message, onClick, onClose }) => {
     <paper
       className={classes.notificationPaper}
       style={{ position: "relative", cursor: "pointer" }}
-      onClick={() => {
-        if (onClick) {
-          onClick()
-        }
-      }}
+      onClick={onClick}
     >
       <div className={classNames(classes.icon, type)}>
         <Icon fontSize="large" style={{ padding: 12 }} />