vitess.io/vitess@v0.16.2/web/vtadmin/src/components/links/ShardLink.tsx (about)

     1  /**
     2   * Copyright 2021 The Vitess Authors.
     3   *
     4   * Licensed under the Apache License, Version 2.0 (the "License");
     5   * you may not use this file except in compliance with the License.
     6   * You may obtain a copy of the License at
     7   *
     8   *     http://www.apache.org/licenses/LICENSE-2.0
     9   *
    10   * Unless required by applicable law or agreed to in writing, software
    11   * distributed under the License is distributed on an "AS IS" BASIS,
    12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13   * See the License for the specific language governing permissions and
    14   * limitations under the License.
    15   */
    16  import React from 'react';
    17  import { Link } from 'react-router-dom';
    18  
    19  interface Props {
    20      className?: string;
    21      clusterID: string | null | undefined;
    22      keyspace: string | null | undefined;
    23      shard: string | null | undefined;
    24  }
    25  
    26  export const ShardLink: React.FunctionComponent<Props> = ({ children, className, clusterID, keyspace, shard }) => {
    27      if (!clusterID || !keyspace || !shard) {
    28          return <span className={className}>{children}</span>;
    29      }
    30  
    31      const to = { pathname: `/keyspace/${clusterID}/${keyspace}/shard/${shard}` };
    32  
    33      return (
    34          <Link className={className} to={to}>
    35              {children}
    36          </Link>
    37      );
    38  };