components AdmissionTicketLink.tsx

85.71% Statements 6/7

100% Branches 0/0

100% Functions 3/3

85.71% Lines 6/7

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  
 
 
 
 
 
 
 
 
 
356x
75x
 
 
 
 
 
 
 
 
 
 
1x
 
39x
 
 
 
 
 
1x
75x
 
 
 
 
  import { ReactElement } from "react";
import { NavLink } from "react-router";
import { useTranslation } from "react-i18next";
import styled from "styled-components";
import { Button, ButtonStyle } from "client/components/Button";
import { AppRoute } from "client/app/AppRoutes";
 
interface Props {
  programItemId: string;
}
export const AdmissionTicketLink = ({ programItemId }: Props): ReactElement => {
  const { t } = useTranslation();
 
  return (
    <StyledLink to={`${AppRoute.PROGRAM_ITEM}/${programItemId}/admission`}>
      <StyledButton buttonStyle={ButtonStyle.PRIMARY}>
        {t("button.showAdmissionTicket")}
      </StyledButton>
    </StyledLink>
  );
};
 
const StyledButton = styled(Button)`
  min-width: 400px;
  @media (max-width: ${(props) => props.theme.breakpointDesktop}) {
    width: 100%;
    min-width: 0;
  }
`;
 
const StyledLink = styled(NavLink)`
  @media (max-width: ${(props) => props.theme.breakpointDesktop}) {
    width: 100%;
    min-width: 0;
  }
`;