+ +
+
+
+
{errorMsg};
+ } else {
+ return <>{this.props.children};
+ }
+ }
+}
diff --git a/frontend/app/element/iconbutton.less b/frontend/app/element/iconbutton.less
new file mode 100644
index 000000000..d781a23a9
--- /dev/null
+++ b/frontend/app/element/iconbutton.less
@@ -0,0 +1,25 @@
+.iconbutton {
+ cursor: pointer;
+ opacity: 0.7;
+ align-items: center;
+
+ &.bulb {
+ color: var(--bulb-color);
+ opacity: 1;
+
+ &:hover i::before {
+ content: "\f672";
+ position: relative;
+ left: -1px;
+ }
+ }
+
+ &:hover {
+ opacity: 1;
+ }
+
+ &.disabled {
+ cursor: default;
+ opacity: 0.45 !important;
+ }
+}
diff --git a/frontend/app/element/iconbutton.tsx b/frontend/app/element/iconbutton.tsx
new file mode 100644
index 000000000..772eb55ef
--- /dev/null
+++ b/frontend/app/element/iconbutton.tsx
@@ -0,0 +1,20 @@
+import { useLongClick } from "@/app/hook/useLongClick";
+import { makeIconClass } from "@/util/util";
+import clsx from "clsx";
+import { memo, useRef } from "react";
+import "./iconbutton.less";
+
+export const IconButton = memo(({ decl, className }: { decl: IconButtonDecl; className?: string }) => {
+ const buttonRef = useRef{children};
+};
+
+type CodeBlockProps = {
+ children: React.ReactNode;
+ onClickExecute?: (cmd: string) => void;
+};
+
+const CodeBlock = ({ children, onClickExecute }: CodeBlockProps) => {
+ const getTextContent = (children: any): string => {
+ if (typeof children === "string") {
+ return children;
+ } else if (Array.isArray(children)) {
+ return children.map(getTextContent).join("");
+ } else if (children.props && children.props.children) {
+ return getTextContent(children.props.children);
+ }
+ return "";
+ };
+
+ const handleCopy = async (e: React.MouseEvent) => {
+ let textToCopy = getTextContent(children);
+ textToCopy = textToCopy.replace(/\n$/, ""); // remove trailing newline
+ await navigator.clipboard.writeText(textToCopy);
+ };
+
+ const handleExecute = (e: React.MouseEvent) => {
+ let textToCopy = getTextContent(children);
+ textToCopy = textToCopy.replace(/\n$/, ""); // remove trailing newline
+ if (onClickExecute) {
+ onClickExecute(textToCopy);
+ return;
+ }
+ };
+
+ return (
+
+ {children}
+
+
+ );
+};
+
+const MarkdownSource = (props: React.HTMLAttributes{description}
} +wsh view [filename|url]
+