refactor: Remove toast action, update toast types (#86)

* refactor: Remove toast action, update toast types * chore: Remove unused import
pancakeswap · Apr 27, 2021 · 11edb58 · 11edb58
1 parent 4338ec5
commit 11edb58
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 47 deletions.
diff --git a/packages/pancake-uikit/src/widgets/Toast/Toast.tsx b/packages/pancake-uikit/src/widgets/Toast/Toast.tsx
@@ -2,8 +2,6 @@ import React, { useCallback, useEffect, useRef } from "react";
 import { CSSTransition } from "react-transition-group";
 import styled from "styled-components";
 import { Alert, alertVariants } from "../../components/Alert";
-import { Text } from "../../components/Text";
-import ToastAction from "./ToastAction";
 import { ToastProps, types } from "./types";
 
 const alertTypeMap = {
@@ -29,7 +27,7 @@ const Toast: React.FC<ToastProps> = ({ toast, onRemove, style, ttl, ...props })
   const timer = useRef<number>();
   const ref = useRef(null);
   const removeHandler = useRef(onRemove);
-  const { id, title, description, type, action } = toast;
+  const { id, title, description, type } = toast;
 
   const handleRemove = useCallback(() => removeHandler.current(id), [id, removeHandler]);
 
@@ -65,16 +63,7 @@ const Toast: React.FC<ToastProps> = ({ toast, onRemove, style, ttl, ...props })
     <CSSTransition nodeRef={ref} timeout={250} style={style} {...props}>
       <StyledToast ref={ref} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
         <Alert title={title} variant={alertTypeMap[type]} onClick={handleRemove}>
-          {action ? (
-            <>
-              <Text as="p" mb="8px">
-                {description}
-              </Text>
-              <ToastAction action={action} />
-            </>
-          ) : (
-            description
-          )}
+          {description}
         </Alert>
       </StyledToast>
     </CSSTransition>

diff --git a/packages/pancake-uikit/src/widgets/Toast/ToastAction.tsx b/packages/pancake-uikit/src/widgets/Toast/ToastAction.tsx
diff --git a/packages/pancake-uikit/src/widgets/Toast/types.ts b/packages/pancake-uikit/src/widgets/Toast/types.ts
@@ -1,3 +1,5 @@
+import { ReactNode } from "react";
+
 export const types = {
   SUCCESS: "success",
   DANGER: "danger",
@@ -7,17 +9,11 @@ export const types = {
 
 export type Types = typeof types[keyof typeof types];
 
-export interface ToastAction {
-  text: string;
-  url: string;
-}
-
 export interface Toast {
   id: string;
   type: Types;
   title: string;
-  description?: string;
-  action?: ToastAction;
+  description?: ReactNode;
 }
 
 export interface ToastContainerProps {