grafana/public/app/features/datasources/components/DataSourceAddButton.tsx

import React from 'react';

import { LinkButton } from '@grafana/ui';
import { contextSrv } from 'app/core/core';
import { AccessControlAction } from 'app/types';

import { useDataSourcesRoutes } from '../state';

export function DataSourceAddButton() {
  const canCreateDataSource = contextSrv.hasPermission(AccessControlAction.DataSourcesCreate);
  const dataSourcesRoutes = useDataSourcesRoutes();

  return (
    canCreateDataSource && (
      <LinkButton icon="plus" href={dataSourcesRoutes.New}>
        Add new data source
      </LinkButton>
    )
  );
}