chore: add wrapper components for split and merge functionality

frontend/components/merge-all-claim-fractions-button.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { Button } from "@mui/material";
+
+interface Props {
+  claimId: string;
+  text?: string;
+  disabled?: boolean;
+  className?: string;
+}
+
+export function MergeAllClaimFractionsButton({
+  text,
+  claimId,
+  className,
+  disabled,
+}: Props) {
+  const onClick = async () => {
+    console.log("Merging all claim fractions", claimId);
+  };
+
+  return (
+    <Button disabled={disabled} className={className} onClick={onClick}>
+      {text}
+    </Button>
+  );
+}

frontend/components/split-fraction-button.tsx

@@ -0,0 +1,24 @@
+import { Button } from "@mui/material";
+
+interface Props {
+  fractionId: string;
+  text?: string;
+  disabled?: boolean;
+  className?: string;
+}
+export function SplitFractionButton({
+  fractionId,
+  text,
+  className,
+  disabled,
+}: Props) {
+  const onClick = async () => {
+    console.log("Splitting fraction", fractionId);
+  };
+
+  return (
+    <Button className={className} disabled={disabled} onClick={onClick}>
+      {text}
+    </Button>
+  );
+}

frontend/plasmic-init.ts

@@ -32,6 +32,8 @@ import { initPlasmicLoader } from "@plasmicapp/loader-nextjs";
 import dynamic from "next/dynamic";
 import "primereact/resources/primereact.min.css";
 import "primereact/resources/themes/tailwind-light/theme.css";
+import { MergeAllClaimFractionsButton } from "./components/merge-all-claim-fractions-button";
+import { SplitFractionButton } from "./components/split-fraction-button";
 
 export const PLASMIC = initPlasmicLoader({
   projects: [
@@ -682,3 +684,36 @@ PLASMIC.registerComponent(ProjectsClientProvider, {
     width: "Full bleed",
   },
 });
+
+PLASMIC.registerComponent(MergeAllClaimFractionsButton, {
+  name: "MergeAllClaimFractionsButton",
+  description:
+    "Button that will merge all fractions in selected claim owned by current owner upon clicking",
+  props: {
+    className: "string",
+    claimId: "string",
+    disabled: "boolean",
+    text: {
+      type: "string",
+      defaultValue: "Split",
+      helpText: "Text to display on button",
+    },
+  },
+  importPath: "./components/merge-all-claim-fractions-button",
+});
+
+PLASMIC.registerComponent(SplitFractionButton, {
+  name: "SplitFractionButton",
+  description: "Button that will split the fraction currently selected",
+  props: {
+    text: {
+      type: "string",
+      defaultValue: "Split",
+      helpText: "Text to display on button",
+    },
+    fractionId: "string",
+    disabled: "boolean",
+    className: "string",
+  },
+  importPath: "./components/split-fraction-button",
+});