feat: provision record all call (#254)

src/components/icons.ts

@@ -42,6 +42,11 @@ import {
   Share2,
   ArrowUp,
   ArrowDown,
+  Play,
+  Pause,
+  ChevronsLeft,
+  ChevronsRight,
+  Download,
 } from "react-feather";
 
 import type { Icon } from "react-feather";
@@ -94,4 +99,9 @@ export const Icons: IconMap = {
   Share2,
   ArrowUp,
   ArrowDown,
+  Play,
+  Pause,
+  ChevronsLeft,
+  ChevronsRight,
+  Download,
 };

src/components/tooltip/index.tsx

@@ -9,14 +9,15 @@ import "./styles.scss";
 type TooltipProps = {
   text: IMessage;
   children: React.ReactNode;
+  subStyle?: string;
 };
 
-export const Tooltip = ({ text, children }: TooltipProps) => {
+export const Tooltip = ({ text, children, subStyle }: TooltipProps) => {
   return (
     <div className="tooltip">
       <div className="tooltip__reveal">{text}</div>
       {children}
-      <Icons.HelpCircle />
+      {subStyle === "info" ? <Icons.Info /> : <Icons.HelpCircle />}
     </div>
   );
 };