From 9809eb5ef246aaf5709c01825f05e3116709cfcf Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 13 Jul 2022 16:51:06 +0530
Subject: [PATCH] Add comps

---
 src/excalidraw-app/components/PlusAppLink.tsx | 20 +++++++++++++++++++
 src/excalidraw-app/components/PlusLPLink.tsx  | 17 ++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 src/excalidraw-app/components/PlusAppLink.tsx
 create mode 100644 src/excalidraw-app/components/PlusLPLink.tsx

diff --git a/src/excalidraw-app/components/PlusAppLink.tsx b/src/excalidraw-app/components/PlusAppLink.tsx
new file mode 100644
index 000000000..6d2b69de2
--- /dev/null
+++ b/src/excalidraw-app/components/PlusAppLink.tsx
@@ -0,0 +1,20 @@
+import { COOKIES } from "../../constants";
+
+export const isExcalidrawPlusSignedUser = document.cookie.includes(
+  COOKIES.AUTH_STATE_COOKIE,
+);
+
+const PlusAppLink = () => {
+  return (
+    <a
+      href={`${process.env.REACT_APP_PLUS_APP}/#excalidraw-redirect`}
+      target="_blank"
+      rel="noreferrer"
+      className="plus-button"
+    >
+      Go to Excalidraw+
+    </a>
+  );
+};
+
+export default PlusAppLink;
diff --git a/src/excalidraw-app/components/PlusLPLink.tsx b/src/excalidraw-app/components/PlusLPLink.tsx
new file mode 100644
index 000000000..6ba4d4b83
--- /dev/null
+++ b/src/excalidraw-app/components/PlusLPLink.tsx
@@ -0,0 +1,17 @@
+const PlusLPLink = () => {
+  return (
+    <p style={{ direction: "ltr", unicodeBidi: "embed" }}>
+      Introducing Excalidraw+
+      <br />
+      <a
+        href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=banner&utm_campaign=launch"
+        target="_blank"
+        rel="noreferrer"
+      >
+        Try out now!
+      </a>
+    </p>
+  );
+};
+
+export default PlusLPLink;