Function DoltCommitLog

src/extensions/dolt/dolt-sidebar.tsx:44–161

({
  commitList,
  refreshStatus,
}: {
  commitList: DoltCommitResultItem[];
  refreshStatus: () => void;
})

}

function DoltCommitLog({
  commitList,
  refreshStatus,
}: {
  commitList: DoltCommitResultItem[];
  refreshStatus: () => void;
}) {
  const { modal: createBranchModal, openModal: openCreateBranch } =
    useDoltCreateBranchModal(refreshStatus);

  const { databaseDriver } = useStudioContext();
  const { showDialog: showCommonDialog } = useCommonDialog();

  const onResetClicked = useCallback(
    (commit: DoltCommitResultItem) => {
      showCommonDialog({
        title: "Soft Reset",
        content: (
          <div className="flex flex-col gap-2">
            <p>Are you sure you want to reset to this commit?</p>
            <div className="flex flex-col gap-1 rounded border p-4 text-sm shadow-sm">
              <div className="font-semibold">{commit.message}</div>
              <div className="font-mono">{commit.commit_hash}</div>
            </div>
          </div>
        ),
        destructive: true,
        actions: [
          {
            text: "Reset",
            onClick: async () => {
              await databaseDriver.query(
                `CALL DOLT_RESET(${databaseDriver.escapeValue(commit.commit_hash)});`
              );
            },
            onComplete: () => {
              refreshStatus();
            },
          },
        ],
      });
    },
    [refreshStatus, showCommonDialog, databaseDriver]
  );

  return (
    <div className="w-full overflow-x-hidden overflow-y-auto">
      {createBranchModal}

      <div className="flex w-full flex-col py-4 pl-4">
        {commitList.map((commit) => (
          <div
            key={commit.commit_hash}
            className="fgap-1 relative ml-2 flex border-l-2 border-blue-500 p-2 pl-4"
          >
            <div className="bg-background absolute top-[10px] -left-[9px] h-4 w-4 rounded-full border-4 border-blue-500"></div>

            <div className="flex-1 overflow-hidden">