better edit view

2024-08-30 02:38:58 -04:00
parent 820d686c37
commit aee10fa406
22 changed files with 596 additions and 256 deletions
@@ -0,0 +1,25 @@
+import React from "react";
+import { useTranslation } from "next-i18next";
+import clsx from "clsx";
+
+type Props = {
+  onClick: Function;
+  className?: string;
+};
+
+function EditButton({ onClick, className }: Props) {
+  const { t } = useTranslation();
+
+  return (
+    <span
+      onClick={() => onClick()}
+      className={clsx(
+        "group-hover:opacity-100 opacity-0 duration-100 btn-square btn-xs btn btn-ghost absolute bi-pencil-fill text-neutral cursor-pointer -right-7 text-xs",
+        className
+      )}
+      title={t("edit")}
+    ></span>
+  );
+}
+
+export default EditButton;