transfer-restrictions-label.tsx

"use client";

import {
  parseClaimOrFractionId,
  TransferRestrictions,
} from "@hypercerts-org/sdk";
import { getAddress } from "viem";
import { useReadContract } from "wagmi";
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/components/ui/popover";
import { useState } from "react";
import { useReadTransferRestrictions } from "@/hooks/use-read-transfer-restrictions";

export default function TransferRestrictionsLabel({
  hypercertId,
  showSeparator = false,
}: {
  hypercertId: string;
  showSeparator?: boolean;
}) {
  const [isOpen, setIsOpen] = useState(false);
  const transferRestrictions = useReadTransferRestrictions(hypercertId);

  if (transferRestrictions === undefined) return null;
  return (
    <>
      {showSeparator && <span className="text-slate-400">•</span>}
      <div className="flex items-center gap-2 content-center px-1 py-0.5 bg-slate-100 rounded-md w-max text-sm">
        <Popover open={isOpen} onOpenChange={setIsOpen}>
          <PopoverTrigger asChild>
            <span
              className="cursor-help"
              onMouseEnter={() => setIsOpen(true)}
              onMouseLeave={() => setIsOpen(false)}
            >
              {getTransferRestrictionsText(transferRestrictions)}
            </span>
          </PopoverTrigger>
          <PopoverContent className="w-80 p-3" side="top">
            <p className="text-sm text-slate-700">
              {getTransferRestrictionsLabel(transferRestrictions)}
            </p>
          </PopoverContent>
        </Popover>
      </div>
    </>
  );
}

export const getTransferRestrictionsText = (
  transferRestrictions: TransferRestrictions,
) => {
  switch (transferRestrictions) {
    case TransferRestrictions.AllowAll:
      return "Transferable";
    case TransferRestrictions.DisallowAll:
      return "Not transferable";
    case TransferRestrictions.FromCreatorOnly:
      return "Transferable-once";
  }
};

export const getTransferRestrictionsLabel = (
  transferRestrictions: TransferRestrictions,
) => {
  switch (transferRestrictions) {
    case TransferRestrictions.AllowAll:
      return "Fractions can be transferred without limitations.";
    case TransferRestrictions.DisallowAll:
      return "Fractions can not be transferred";
    case TransferRestrictions.FromCreatorOnly:
      return "Fractions can be transferred once from the creator to another user.";
  }
};