40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import * as React from "react";
|
|
import { StepParams } from "../interfaces";
|
|
import { ToolTips, Content } from "../../constants";
|
|
import { StepWrapper, StepHeader, StepContent, StepWarning } from "../step_ui";
|
|
import { Col, Row } from "../../ui/index";
|
|
import { Link } from "../../link";
|
|
import { t } from "../../i18next_wrapper";
|
|
|
|
export function TileTakePhoto(props: StepParams) {
|
|
const { dispatch, currentStep, index, currentSequence } = props;
|
|
const className = "take-photo-step";
|
|
return <StepWrapper>
|
|
<StepHeader
|
|
className={className}
|
|
helpText={ToolTips.TAKE_PHOTO}
|
|
currentSequence={currentSequence}
|
|
currentStep={currentStep}
|
|
dispatch={dispatch}
|
|
index={index}
|
|
confirmStepDeletion={props.confirmStepDeletion}>
|
|
{props.farmwareData && props.farmwareData.cameraDisabled &&
|
|
<StepWarning
|
|
titleBase={t(Content.NO_CAMERA_SELECTED)}
|
|
warning={t(ToolTips.SELECT_A_CAMERA)} />}
|
|
</StepHeader>
|
|
<StepContent className={className}>
|
|
<Row>
|
|
<Col xs={12}>
|
|
<p>
|
|
{t("Photos are viewable from the")}
|
|
<Link to="/app/farmware">
|
|
{` farmware ${t("page")}`}
|
|
</Link>.
|
|
</p>
|
|
</Col>
|
|
</Row>
|
|
</StepContent>
|
|
</StepWrapper>;
|
|
}
|