X Tutup
import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; import { connect } from 'react-redux'; import { start } from '../actions/start'; import { restart } from '../actions/restart'; import { getIntro, getCurrent, getAnswers } from '../selectors'; import ButtonContainer from '../components/ButtonContainer'; import ProgressBar from '../components/ProgressBar'; import Code from '../components/Code'; import Result from '../components/Result'; import Percentage from '../components/Percentage'; import Button from '../components/Button'; const Intro = styled.div` border: 1px solid ${props => props.theme.border}; border-radius: 4px; color: ${props => props.theme.text}; margin: 2rem 0; padding: 2rem 3rem; `; const StartButtonContainer = styled.div` margin: 3rem auto 1rem; `; const Restart = styled.div` margin: 3rem 0; text-align: center; `; const GitHubButton = styled.a` background: #e9ecef; color: #495057; padding: 6px 12px; border-radius: 4px; margin: 0 8px; text-decoration: none; font-size: 0.8rem; `; const ShareContainer = styled.p` text-align: center; `; const Game = ({ intro, current, answers, style, onStart, onRestart }) => ( <> {intro && (

Each question contains a code snippet and four answer choices.
Look carefully at the code and choose the one correct answer.

After answering all 23 questions you'll be shown your results.

X Tutup