src/components/cardSelector/ExportButton.tsx

@@ -1,5 +1,4 @@
 import { ImagesSignal, NotesSigal } from "../../signals"
-import { Tooltip } from "./Tooltip"
 import { defaultClassName } from "./utils"
 
 export function ExportButton() {
@@ -26,7 +25,6 @@ export function ExportButton() {
   }
 
   return (
-    <Tooltip message="Export Json File">
     <svg
       onclick={_handleExport}
       xmlns="http://www.w3.org/2000/svg"
@@ -45,6 +43,5 @@ export function ExportButton() {
       <polyline points="7 10 12 15 17 10" />
       <line x1="12" x2="12" y1="15" y2="3" />
     </svg>
-    </Tooltip>
   )
 }

src/components/cardSelector/ImageCardButton.tsx

@@ -1,7 +1,6 @@
 import { ImagesSignal } from "../../signals"
 import images from "../../signals/images"
 import { updateLocalStorage } from "../../utils/localStorage"
-import { Tooltip } from "./Tooltip"
 import { defaultClassName } from "./utils"
 
 export function ImageCardButton() {
@@ -49,7 +48,6 @@ export function ImageCardButton() {
   }
 
   return (
-    <Tooltip message="Create an Image">
     <svg
       onclick={_handleClick}
       xmlns="http://www.w3.org/2000/svg"
@@ -76,6 +74,5 @@ export function ImageCardButton() {
       <path
         d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
     </svg>
-    </Tooltip>
   )
 }

src/components/cardSelector/ImportButton.tsx

@@ -3,7 +3,6 @@ import notes from "../../signals/notes"
 import { Card } from "../../types"
 import { convertBase64ToJson } from "../../utils/convertBase64ToJson"
 import { updateLocalStorage } from "../../utils/localStorage"
-import { Tooltip } from "./Tooltip"
 import { defaultClassName } from "./utils"
 
 export function ImportButton() {
@@ -45,7 +44,6 @@ export function ImportButton() {
   }
 
   return (
-    <Tooltip message="Import Json File">
     <svg
       onclick={_handleImport}
       xmlns="http://www.w3.org/2000/svg"
@@ -64,6 +62,5 @@ export function ImportButton() {
       <polyline points="7 10 12 15 17 10" />
       <line x1="12" x2="12" y1="15" y2="3" />
     </svg>
-    </Tooltip>
   )
 }

src/components/cardSelector/StickyNoteButton.tsx

@@ -1,7 +1,6 @@
 import { NotesSigal } from "../../signals"
 import notes from "../../signals/notes"
 import { updateLocalStorage } from "../../utils/localStorage"
-import { Tooltip } from "./Tooltip"
 import { defaultClassName } from "./utils"
 
 export function StickyNoteButton() {
@@ -23,7 +22,6 @@ export function StickyNoteButton() {
   }
 
   return (
-    <Tooltip message="Create a Sticky Note">
     <svg
       onclick={_handleClick}
       xmlns="http://www.w3.org/2000/svg"
@@ -41,7 +39,6 @@ export function StickyNoteButton() {
       <path
         d="M15 3v4a2 2 0 0 0 2 2h4" />
     </svg>
-    </Tooltip>
   )
 
 }

src/components/cardSelector/TextButton.tsx

@@ -1,10 +1,8 @@
-import { Tooltip } from "./Tooltip";
 import { defaultClassName } from "./utils";
 
 export function TextButton() {
 
   return (
-    <Tooltip message="Create a Text Node">
     <svg
       xmlns="http://www.w3.org/2000/svg"
       width="24"
@@ -21,6 +19,5 @@ export function TextButton() {
       <path d="m6 16 6-12 6 12" />
       <path d="M8 12h8" />
     </svg>
-    </Tooltip>
   )
 }

src/components/cardSelector/Tooltip.tsx

@@ -1,8 +0,0 @@
-export function Tooltip({ children, message }: { children: JSX.Element, message: string }) {
-  return (
-    <div title={message}
-    >
-      {children}
-    </div>
-  )
-}