Logo Logo.tsx

40% Statements 2/5

0% Branches 0/2

0% Functions 0/2

40% Lines 2/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
30
31
32
33
34
35
36
37
38
39
40
41
42
43  
 
19x
 
19x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ReactElement } from "react";
 
import Link from "next/link";
 
import { useAuth } from "hooks";
 
interface LogoProps {
  color: string;
}
 
export default function Logo({ color }: LogoProps): ReactElement {
  const { isLogin } = useAuth();
  return (
    <>
      <Link
        href={isLogin ? "/dashboard" : "/"}
        translate="no"
        onClick={(e) => {
          e.stopPropagation();
        }}
        className="Logo"
      >
        Rindu
      </Link>
      <style jsx>{`
        :global(.Logo) {
          font-size: 36px;
          font-family: "Lato";
          width: 148px;
          color: ${color};
          margin: 0;
          text-decoration: none;
        }
        @media screen and (min-width: 0px) and (max-width: 780px) {
          :global(.Logo) {
            width: 124px;
          }
        }
      `}</style>
    </>
  );
}