import * as React from "react" ; import styled from "styled-components" ; import { colors , HollowGreenCheck , OBSectionHeader , OBSectionDescription , OBSmallParagraph , OBNoteHeading , grantSubmittedImgUrl , ReviewIcon , } from "@joincivil/components" ; import { urlConstants } from "@joincivil/utils" ; const Wrapper = styled . div `
  margin: auto;
  max-width: 700px;
  text-align: center;
` ; const ReviewNotice = styled ( OBNoteHeading ) `
  color: ${ colors . accent . CIVIL_BLUE_FADED };
  display: block;
  margin: -24px 0 48px;
` ; const ReviewNoticeMark = styled ( ReviewIcon ) `
  margin-right: 4px;
  position: relative;
  top: 2px;
  vertical-align: bottom;
` ; const HeadingCheck = styled ( HollowGreenCheck ) `
  margin-right: 5px;
  vertical-align: bottom;
` ; const GrantSubmittedImageWrap = styled . div `
  margin-bottom: -6px;
` ; const GrantSubmittedImage = styled . img `
  width: 82px;
  height: 82px;
` ; const MainText = styled ( OBSectionDescription ) `
  padding: 0 36px;
` ; const AddendaText = styled ( OBSmallParagraph ) `
  border-top: 1px solid ${ colors . accent . CIVIL_GRAY_4 };
  margin-top: 42px;
  padding: 36px 36px 0 36px;
` ; export class WaitingForGrant extends React . Component { public render ( ) { return ( < Wrapper > < ReviewNotice > < ReviewNoticeMark /> Newsroom Registry Profile in Grant Review < /ReviewNotice> < GrantSubmittedImageWrap > < GrantSubmittedImage src = { grantSubmittedImgUrl } /> < /GrantSubmittedImageWrap> < OBSectionHeader style = { { marginBottom : 24 } } > < HeadingCheck width = { 32 } height = { 32 } / > Grant Request Submitted < /OBSectionHeader> < MainText > Your Registry Profile has been submitted to the Civil Foundation team and is now being reviewed for a Civil Token Grant . We will be sending an email with next steps . < /MainText> < MainText > You can come back to this page at any time to check in on the status of your grant application . < /MainText> < AddendaText > More info : { " " } < a href = { urlConstants . FAQ_WHAT_IS_SMART_CONTRACT } target = "_blank" > Newsroom Smart Contract < /a>{" "} and { " " } < a href = { urlConstants . FAQ_APPLICATION_DEPOSIT } target = "_blank" > Application Deposit < /a> . While you wait for the Grant request to be reviewed , we suggest you review these items to familiarize yourself with the Civil ecosystem . < /AddendaText> < AddendaText > < a href = { urlConstants . FAQ_GRANT } target = "_blank" > Learn more < /a>{" "} about the grant process and if you have any questions , contact { " " } < a href = { urlConstants . EMAIL_MAILTO } target = "_blank" > support < /a> . < /AddendaText> < /Wrapper>); } }