LanguageSupportTooltip LanguageSupportTooltip.tsx

0% Statements 0/5

0% Branches 0/2

0% Functions 0/1

0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Tooltip } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
import {
  Language,
  LANGUAGE_NAME_MAP,
  TEMP_SUPPORTED_LANGUAGES,
} from "../../constants/languages";
 
export interface LanguageSupportTooltipProps {
  language: Language;
}
 
export const LanguageSupportTooltip: FunctionComponent<
  LanguageSupportTooltipProps
> = ({ children, language }) => {
  const isSupported = TEMP_SUPPORTED_LANGUAGES.has(language);
  const langName = LANGUAGE_NAME_MAP[language];
 
  const message = isSupported
    ? `Click to view documentation in ${langName}`
    : `Documentation support for ${langName} is coming soon!`;
 
  return (
    <Tooltip hasArrow label={message} placement="top-start">
      <span>{children}</span>
    </Tooltip>
  );
};