refactor: add typescript support to project

2022-06-21 15:08:35 +08:00
parent 88ec2b742a
commit bd799ebea8
259 changed files with 1042 additions and 458 deletions
@@ -0,0 +1,39 @@
+import Tippy from "@tippyjs/react";
+import { roundArrow } from "tippy.js";
+import "tippy.js/dist/svg-arrow.css";
+// import React from 'react'
+import styled from "styled-components";
+const StyledContent = styled.div`
+  padding: 8px 12px;
+  background: #101828;
+  border-radius: 8px;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 18px;
+  color: #ffffff;
+  a {
+    color: #55c7ec;
+  }
+`;
+import IconQuestion from "../../../assets/icons/question.svg";
+export default function Tooltip({ link = "#" }) {
+  return (
+    <Tippy
+      delay={[0, 500]}
+      interactive
+      arrow={roundArrow}
+      placement="bottom"
+      content={
+        <StyledContent>
+          Need more detail? See our{" "}
+          <a target={"doc"} href={link}>
+            doc
+          </a>
+          .
+        </StyledContent>
+      }
+    >
+      <IconQuestion className="icon" />
+    </Tippy>
+  );
+}