Klectr/KSlab
1
0
Fork 0
generated from Klectr/KTemplate
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Klectr:22d5c3ed4eafc59c3e8d00b86e057328cf83d54b
Branches Tags
Klectr:main
Klectr:bug/safari-scroll
Klectr:feat/hotkeys
Klectr:feat/context-menu
Klectr:feat/text-support
..
compare: Klectr:a09724b38a6da32de68a510ecde4b141a4493fc7
Branches Tags
Klectr:main
Klectr:bug/safari-scroll
Klectr:feat/hotkeys
Klectr:feat/context-menu
Klectr:feat/text-support

No commits in common. "22d5c3ed4eafc59c3e8d00b86e057328cf83d54b" and "a09724b38a6da32de68a510ecde4b141a4493fc7" have entirely different histories.
22d5c3ed4e ... a09724b38a

6 changed files with 95 additions and 118 deletions
Show Stats Expand all files Collapse all files

39
src/components/cardSelector/ExportButton.tsx
View File

@ -1,5 +1,4 @@
import { ImagesSignal, NotesSigal } from "../../signals" import { ImagesSignal, NotesSigal } from "../../signals"
import { Tooltip } from "./Tooltip"
import { defaultClassName } from "./utils" import { defaultClassName } from "./utils"
export function ExportButton() { export function ExportButton() {
@ -26,25 +25,23 @@ export function ExportButton() {
} }
return ( return (
<Tooltip message="Export Json File"> <svg
<svg onclick={_handleExport}
onclick={_handleExport} xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" width="24"
width="24" height="24"
height="24" viewBox="0 0 24 24"
viewBox="0 0 24 24" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-width="2"
stroke-width="2" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" className={defaultClassName}
className={defaultClassName} >
> <path
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <polyline points="7 10 12 15 17 10" />
<polyline points="7 10 12 15 17 10" /> <line x1="12" x2="12" y1="15" y2="3" />
<line x1="12" x2="12" y1="15" y2="3" /> </svg>
</svg>
</Tooltip>
) )
} }

55
src/components/cardSelector/ImageCardButton.tsx
View File

@ -1,7 +1,6 @@
import { ImagesSignal } from "../../signals" import { ImagesSignal } from "../../signals"
import images from "../../signals/images" import images from "../../signals/images"
import { updateLocalStorage } from "../../utils/localStorage" import { updateLocalStorage } from "../../utils/localStorage"
import { Tooltip } from "./Tooltip"
import { defaultClassName } from "./utils" import { defaultClassName } from "./utils"
export function ImageCardButton() { export function ImageCardButton() {
@ -49,33 +48,31 @@ export function ImageCardButton() {
} }
return ( return (
<Tooltip message="Create an Image"> <svg
<svg onclick={_handleClick}
onclick={_handleClick} xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" width="24"
width="24" height="24"
height="24" viewBox="0 0 24 24"
viewBox="0 0 24 24" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-width="2"
stroke-width="2" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" className={defaultClassName}>
className={defaultClassName}> <rect
<rect width="18"
width="18" height="18"
height="18" x="3"
x="3" y="3"
y="3" rx="2"
rx="2" ry="2" />
ry="2" /> <circle
<circle cx="9"
cx="9" cy="9"
cy="9" r="2" />
r="2" /> <path
<path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /> </svg>
</svg>
</Tooltip>
) )
} }

39
src/components/cardSelector/ImportButton.tsx
View File

@ -3,7 +3,6 @@ import notes from "../../signals/notes"
import { Card } from "../../types" import { Card } from "../../types"
import { convertBase64ToJson } from "../../utils/convertBase64ToJson" import { convertBase64ToJson } from "../../utils/convertBase64ToJson"
import { updateLocalStorage } from "../../utils/localStorage" import { updateLocalStorage } from "../../utils/localStorage"
import { Tooltip } from "./Tooltip"
import { defaultClassName } from "./utils" import { defaultClassName } from "./utils"
export function ImportButton() { export function ImportButton() {
@ -45,25 +44,23 @@ export function ImportButton() {
} }
return ( return (
<Tooltip message="Import Json File"> <svg
<svg onclick={_handleImport}
onclick={_handleImport} xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" width="24"
width="24" height="24"
height="24" viewBox="0 0 24 24"
viewBox="0 0 24 24" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-width="2"
stroke-width="2" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" className={"rotate-[180deg] " + defaultClassName}
className={"rotate-[180deg] " + defaultClassName} >
> <path
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <polyline points="7 10 12 15 17 10" />
<polyline points="7 10 12 15 17 10" /> <line x1="12" x2="12" y1="15" y2="3" />
<line x1="12" x2="12" y1="15" y2="3" /> </svg>
</svg>
</Tooltip>
) )
} }

37
src/components/cardSelector/StickyNoteButton.tsx
View File

@ -1,7 +1,6 @@
import { NotesSigal } from "../../signals" import { NotesSigal } from "../../signals"
import notes from "../../signals/notes" import notes from "../../signals/notes"
import { updateLocalStorage } from "../../utils/localStorage" import { updateLocalStorage } from "../../utils/localStorage"
import { Tooltip } from "./Tooltip"
import { defaultClassName } from "./utils" import { defaultClassName } from "./utils"
export function StickyNoteButton() { export function StickyNoteButton() {
@ -23,25 +22,23 @@ export function StickyNoteButton() {
} }
return ( return (
<Tooltip message="Create a Sticky Note"> <svg
<svg onclick={_handleClick}
onclick={_handleClick} xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" width="24"
width="24" height="24"
height="24" viewBox="0 0 24 24"
viewBox="0 0 24 24" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-width="2"
stroke-width="2" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" className={defaultClassName}>
className={defaultClassName}> <path
<path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z" />
d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z" /> <path
<path d="M15 3v4a2 2 0 0 0 2 2h4" />
d="M15 3v4a2 2 0 0 0 2 2h4" /> </svg>
</svg>
</Tooltip>
) )
} }

35
src/components/cardSelector/TextButton.tsx
View File

@ -1,26 +1,23 @@
import { Tooltip } from "./Tooltip";
import { defaultClassName } from "./utils"; import { defaultClassName } from "./utils";
export function TextButton() { export function TextButton() {
return ( return (
<Tooltip message="Create a Text Node"> <svg
<svg xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" width="24"
width="24" height="24"
height="24" viewBox="0 0 24 24"
viewBox="0 0 24 24" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-width="2"
stroke-width="2" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" className={defaultClassName}
className={defaultClassName} >
> <path d="M4 20h16" />
<path d="M4 20h16" /> <path d="m6 16 6-12 6 12" />
<path d="m6 16 6-12 6 12" /> <path d="M8 12h8" />
<path d="M8 12h8" /> </svg>
</svg>
</Tooltip>
) )
} }

8
src/components/cardSelector/Tooltip.tsx
View File

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