Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add basic settings page

Browse Source
This commit is contained in:
Roland Bewick
2023-08-26 22:26:49 +07:00
parent 7cba67e4c1
commit afd3c9a232
10 changed files with 270 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/element/copy.tsx
View File

@ -5,9 +5,10 @@ import { Icon } from "./icon";
export interface CopyProps {
text: string;
maxSize?: number;
hideText?: boolean;
className?: string;
}
export default function Copy({ text, maxSize = 32, className }: CopyProps) {
export default function Copy({ text, maxSize = 32, className, hideText }: CopyProps) {
const { copy, copied } = useCopy();
const sliceLength = maxSize / 2;
const trimmed =
@ -20,7 +21,7 @@ export default function Copy({ text, maxSize = 32, className }: CopyProps) {
className={`copy${className ? ` ${className}` : ""}`}
onClick={() => copy(text)}
>
<span className="body">{trimmed}</span>
{!hideText && <span className="body">{trimmed}</span>}
<span
className="icon"
style={{ color: copied ? "var(--success)" : "var(--highlight)" }}