andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(app): unicode copy

Browse Source
This commit is contained in:
rektdeckard
2024-03-29 03:20:30 -06:00
parent b8f451dc72
commit 2ae59ff810
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/IconGrid/Panel.tsx
View File

@@ -18,7 +18,7 @@ import {
CaretDoubleLeft,
CaretDoubleRight,
} from "@phosphor-icons/react";
// import { IconStyle } from "@phosphor-icons/core";
import { IconStyle } from "@phosphor-icons/core";
import ReactGA from "react-ga4";
import Tabs, { Tab } from "@/components/Tabs";
@@ -255,13 +255,13 @@ const Panel = () => {
setCopied(CopyType.SVG_RAW);
};
// const handleCopyUnicode = async () => {
// if (!entry) return;
const handleCopyUnicode = async () => {
if (!entry) return;
// const content = String.fromCharCode(entry.codepoint);
// navigator.clipboard?.writeText(content);
// setCopied(CopyType.UNICODE);
// };
const content = String.fromCharCode(entry.codepoint);
navigator.clipboard?.writeText(content);
setCopied(CopyType.UNICODE);
};
const handleDownloadSVG = (
event: React.MouseEvent<HTMLButtonElement, MouseEvent>
@@ -352,11 +352,11 @@ const Panel = () => {
<entry.Icon ref={ref} size={64}></entry.Icon>
<figcaption>
<p>{entry.name}</p>
{/* <small className="versioning">
U+{entry.codepoint.toString(16).toUpperCase()}
</small> */}
<small className="versioning">
available in v{entry.published_in.toFixed(1)}.0+
U+{entry.codepoint.toString(16).toUpperCase()}
</small>
<small className="versioning">
available in v{entry.published_in.toFixed(1)}+
</small>
</figcaption>
</figure>
@@ -416,13 +416,13 @@ const Panel = () => {
onClick={handleCopyDataSVG}
/>
{/* <ActionButton
<ActionButton
label="Unicode"
title="Copy Unicode character (v2.1.0 or newer)"
active={copied === CopyType.UNICODE}
disabled={weight === IconStyle.DUOTONE}
onClick={handleCopyUnicode}
/> */}
/>
</>
)}
</div>