PreviousRestoreItem() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Database/RestoreToNewProject/PreviousRestoreItem.tsx lines 8–50

export const PreviousRestoreItem = ({ clone }: { clone: CloneStatus['clones'][number] }) => {
  if (clone.status === 'REMOVED') {
    return (
      <div className="grid grid-cols-4 gap-2 text-sm p-4 group">
        <div className="min-w-24 truncate">{clone.target_project?.name ?? 'Unknown project'}</div>
        <div>
          <StatusBadge status={clone.status} />
        </div>
        <div>
          <TimestampInfo
            className="text-left !text-sm font-mono tracking-tight text-foreground-lighter"
            displayAs="utc"
            utcTimestamp={clone.inserted_at ?? ''}
            labelFormat="DD MMM YYYY HH:mm:ss (ZZ)"
          />
        </div>
      </div>
    )
  } else {
    return (
      <Link
        href={`/project/${clone.target_project?.ref ?? '_'}`}
        className="grid grid-cols-4 gap-2 text-sm p-4 group"
      >
        <div className="min-w-24 truncate">{clone.target_project?.name ?? 'Unknown project'}</div>
        <div>
          <StatusBadge status={clone.status} />
        </div>
        <div>
          <TimestampInfo
            className="text-left !text-sm font-mono tracking-tight text-foreground-lighter"
            displayAs="utc"
            utcTimestamp={clone.inserted_at ?? ''}
            labelFormat="DD MMM YYYY HH:mm:ss (ZZ)"
          />
        </div>
        <div className="flex items-center justify-end text-foreground-lighter group-hover:text-foreground">
          <ChevronRightIcon className="w-4 h-4" />
        </div>
      </Link>
    )
  }
}