All files / src/components/connector/status StatusConnectorModalButton.tsx

0% Statements 0/10
100% Branches 1/1
100% Functions 1/1
0% Lines 0/10

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                                               
import { Dispatch, FC, SetStateAction } from 'react';
import styled from 'styled-components';
 
type Props = {
  setIsOpen: Dispatch<SetStateAction<boolean>>;
};
 
const StyledButton = styled.button`
  padding: 5px 40px;
  background-color: #caad63;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
`;
 
const StatusConnectorModalButton: FC<Props> = (props) => {
  const handleClick = async (): Promise<void> => {
    props.setIsOpen(true);
  };
  return <StyledButton onClick={handleClick}>変更</StyledButton>;
};
 
export default StatusConnectorModalButton;