PrimaryDatabaseNode() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Database/Replication/ReplicationDiagram/Nodes.tsx lines 35–65

export const PrimaryDatabaseNode = () => {
  const { ref: projectRef } = useParams()
  const { data: project } = useSelectedProjectQuery()

  const { data: databases = [] } = useReadReplicasQuery({ projectRef })
  const hasReadReplicas = databases.some((x) => x.identifier !== projectRef)

  const { data: destinationsData } = useReplicationDestinationsQuery({ projectRef })
  const hasDestinations = (destinationsData?.destinations ?? []).length > 0

  const region = Object.values(AWS_REGIONS).find((x) => x.code === project?.region)
  const hasReplication = hasReadReplicas || hasDestinations

  return (
    <NodeContainer>
      <div className="text-sm flex flex-col gap-y-0.5">
        <p>Primary Database</p>
        <p className="text-foreground-light">{region?.displayName}</p>
        <p className="text-foreground-light">{region?.code}</p>
      </div>
      {!!project && (
        <img
          alt="region icon"
          className="w-8 rounded-sm mt-0.5"
          src={`${BASE_PATH}/img/regions/${project?.region}.svg`}
        />
      )}
      {hasReplication && <Handle type="source" position={Position.Right} className="opacity-25" />}
    </NodeContainer>
  )
}