import * as React from "react";
import { Link } from "react-router-dom";
import styled from "styled-components";
import TextField from "material-ui/TextField";
import RaisedButton from "material-ui/RaisedButton";

require("./styles.scss");

const style = {
  // width: "100%"
};

interface Props {
  org: any;
}

class SearchPage extends React.Component<Props> {
  public render() {
    const { props, state } = this;
    const { org } = props;
    return (
      <div className="judge-page">
        <h2>신청서</h2>
        <ul>
          {org.contracts
            .filter(contract => contract.status === "ok")
            .map(contract => (
              <li key={contract.id}>
                <h3>사유</h3>
                <p>{contract.reason}</p>
                <h3>주소</h3>
                <p>{contract.address}</p>
                <h3>드론</h3>
                <p>
                  {contract.drone.name}({contract.drone.model.name})
                </p>
                <br />
              </li>
            ))}
        </ul>
      </div>
    );
  }
}

export default SearchPage;