From 168ab1e1a123e6313ceca824234872c10d48acc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 1 Oct 2023 16:38:39 -0500
Subject: [PATCH] feat: tooltip for embed button

---
 src/app/tools/session/page.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/app/tools/session/page.tsx b/src/app/tools/session/page.tsx
index d9a10c27c..e267eee47 100644
--- a/src/app/tools/session/page.tsx
+++ b/src/app/tools/session/page.tsx
@@ -9,6 +9,7 @@ import {
   Flex,
   Text,
   TextField,
+  Tooltip,
 } from '@radix-ui/themes';
 import { debounce } from 'lodash';
 import { ChangeEvent, useRef, useState } from 'react';
@@ -202,14 +203,19 @@ export default function Page() {
               </Flex>
             </AlertDialog.Content>
           </AlertDialog.Root>
-          <Button
-            className={styles.toolbarButton}
-            onClick={() =>
-              navigator.clipboard.writeText(`${location.origin}/embeds/session`)
-            }
-          >
-            <CopyIcon width="16" height="16" /> Embed
-          </Button>
+
+          <Tooltip content="Copy to clipboard">
+            <Button
+              className={styles.toolbarButton}
+              onClick={() =>
+                navigator.clipboard.writeText(
+                  `${location.origin}/embeds/session`,
+                )
+              }
+            >
+              <CopyIcon width="16" height="16" /> Embed
+            </Button>
+          </Tooltip>
         </div>
       </div>