explorer/components/Logo/index.tsx at 020a9e11fe96779dfe453355446b07fa0c6e7917 · livepeer/explorer · GitHub

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import { Box } from "@livepeer/design-system";
import Link from "next/link";

type Props = {
  isDark?: boolean;
  isLink?: boolean;
};

const LivepeerLogo = ({ isDark, isLink = true }: Props) => {
  const markup = (
    <Box
      as="svg"
      viewBox="115 0 596 90"
      css={{
        height: "18px",
        width: "auto",
        color: isDark ? "white" : "$hiContrast",
      }}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M118.899 88.6863V0.97998H135.921V73.6405H185.815V88.6863H118.899Z"
        fill="currentColor"
      />
      <path
        d="M195.932 88.6863V0.97998H212.954V88.6863H195.932Z"
        fill="currentColor"
      />
      <path
        d="M291.653 0.97998H310.34L277.221 88.6863H255.142L221.283 0.97998H240.34L266.551 70.9493L291.653 0.97998Z"
        fill="currentColor"
      />
      <path
        d="M319.038 88.6863V52.5316H336.06V37.121H319.038V0.97998H385.955V16.0258H336.06V37.121H378.369V52.5316H336.06V73.6405H387.25V88.6863H319.038Z"
        fill="currentColor"
      />
      <path
        d="M400.019 88.6863V0.97998H439.798C457.005 0.97998 468.23 9.63853 468.23 26.9229C468.23 42.2786 457.005 52.6235 439.798 52.6235H417.041V88.6863H400.019ZM417.041 37.0306H437.886C446.521 37.0306 451.146 32.8877 451.146 26.7406C451.146 20.1235 446.521 16.0258 437.886 16.0258H417.041V37.0306Z"
        fill="currentColor"
      />
      <path
        d="M479.889 88.6863V52.5316H496.911V37.121H479.889V0.97998H546.805V16.0258H496.911V37.121H539.219V52.5316H496.911V73.6405H548.1V88.6863H479.889Z"
        fill="currentColor"
      />
      <path
        d="M560.869 88.6863V52.5316H577.891V37.121H560.869V0.97998H627.785V16.0258H577.891V37.121H620.2V52.5316H577.891V73.6405H629.081V88.6863H560.869Z"
        fill="currentColor"
      />
      <path
        d="M641.85 88.6863V0.97998H682.925C698.488 0.983166 710.061 8.54418 710.061 22.8274C710.061 33.708 705.127 40.3254 695.013 44.0563C704.202 44.0563 708.766 48.2153 708.766 56.4722V88.6863H691.744V60.6923C691.744 54.3927 689.894 52.5578 683.541 52.5578H658.872V88.6863H641.85ZM658.872 37.0884H677.867C687.797 37.0884 692.977 33.7995 692.977 26.616C692.977 19.4325 687.982 16.0258 677.867 16.0258H658.872V37.0884Z"
        fill="currentColor"
      />
    </Box>
  );

  if (!isLink) return markup;
  return (
    <Link href="/" passHref>
      <a aria-label="Livepeer Explorer home">{markup}</a>
    </Link>
  );
};

export default LivepeerLogo;