<commit_before>import React, { useState } from 'react';
import { Components, registerComponent } from 'meteor/vulcan:core';
import { withStyles } from '@material-ui/core/styles';
import Paper from "@material-ui/core/Card"
import CloseIcon from '@material-ui/icons/Close';

const styles = (theme) => ({
  root: {
    background: "white",
    width: 600,
    position: "fixed",
    right: theme.spacing.unit,
    bottom: theme.spacing.unit,
    zIndex: theme.zIndexes.commentBoxPopup,
    [theme.breakpoints.down('sm')]: {
      width: "100%",
      right: 0,
      bottom: 0,
    }
  },
  reviewing: {
    ...theme.typography.commentStyle,
    color: theme.palette.grey[700],
    fontSize: ".9rem"
  },
  title: {
    ...theme.typography.commentStyle,
    ...theme.typography.body2,
    fontWeight: 600,
    marginTop: 4,
  },
  close: {
    position: "absolute",
    right: 8,
    top: 10,
    cursor: "pointer",
    color: theme.palette.grey[400],
    height: 20,
    '&:hover': {
      color: theme.palette.grey[600],
    }
  },
  header: {
    backgroundColor: theme.palette.grey[100],
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 14,
    paddingBottom: 8,
    position: "relative"
  },
  editor:{
    padding: 20,
    paddingBottom: 12,
  },
  guidelines: {
    cursor: "default",
    marginTop: theme.spacing.unit,
    ...theme.typography.commentStyle,
    color: theme.palette.grey[700],
    fontSize: "1rem",
    marginBottom: theme.spacing.unit,
    '& ul': {
      marginTop: 5,
      marginBottom: 5,
      paddingInlineStart: "30px"
    },
    '& li': {
      marginTop: 5,
      marginBottom: 5
    },
  },
  hidePrompt: {
    position: "absolute",
    right: 14,
    bottom: 14
  },
  moderatorsNote: {
    fontStyle: "italic",
    marginTop: 4,
  }
})

const ReviewPostForm = ({classes, post, onClose}) => {
  const { CommentsNewForm } = Components 
  const [ showPrompt, setShowPrompt ] = useState(true)

  return <Paper className={classes.root}>
    <div className={classes.header}>
      {/* <div className={classes.reviewing}>
        Reviewing
      </div> */}
      <div className={classes.title}>
        Reviewing "{post.title}"
      </div>
      <CloseIcon className={classes.close} onClick={onClose}/>
      <div className={classes.guidelines}>
        {showPrompt && <div>
          Reviews should ideally answer:
          <ul>
            <li>Is this post epistemically sound?
              <ul>
                <li>Does it make accurate claims? Does it carve reality at the joints? How do you know?</li>
              </ul>
            </li>
            <li>
              Has this post proved valuable? How? (be as comprehensive as possible)
            </li>
            <li>
              Should this be included in the <em>Best of LessWrong 2018</em>? Why or why not?
            </li> 
            <li>
              How could this post be improved?
            </li>
            <li>
              What followup work would you like to see building on this post?
            </li>
          </ul>
          <div className={classes.moderatorsNote}>It's fine to submit partial reviews. Moderators may promote comprehensive reviews to top-level posts.</div>
          <a className={classes.hidePrompt} onClick={() => setShowPrompt(false)}>(click to hide)</a>
        </div>}
        {!showPrompt && <div onClick={() => setShowPrompt(true)}>Reviews should ideally answer... <a onClick={() => setShowPrompt(false)}>(read more)</a></div>}
      </div><commit_msg>update Review Prompt<commit_after>import React, { useState } from 'react';
import { Components, registerComponent } from 'meteor/vulcan:core';
import { withStyles } from '@material-ui/core/styles';
import Paper from "@material-ui/core/Card"
import CloseIcon from '@material-ui/icons/Close';
import { Link } from '../../lib/reactRouterWrapper.js';
import Posts from '../../lib/collections/posts/collection.js';

const styles = (theme) => ({
  root: {
    background: "white",
    width: 600,
    position: "fixed",
    right: theme.spacing.unit,
    bottom: theme.spacing.unit,
    zIndex: theme.zIndexes.commentBoxPopup,
    [theme.breakpoints.down('sm')]: {
      width: "100%",
      right: 0,
      bottom: 0,
    }
  },
  title: {
    ...theme.typography.commentStyle,
    ...theme.typography.body2,
    fontWeight: 600,
    marginTop: 4,
  },
  close: {
    position: "absolute",
    right: 8,
    top: 10,
    cursor: "pointer",
    color: theme.palette.grey[400],
    height: 20,
    '&:hover': {
      color: theme.palette.grey[600],
    }
  },
  header: {
    backgroundColor: theme.palette.grey[100],
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 14,
    paddingBottom: 8,
    position: "relative"
  },
  editor:{
    padding: 20,
    paddingBottom: 12,
  },
  guidelines: {
    cursor: "default",
    marginTop: theme.spacing.unit,
    ...theme.typography.commentStyle,
    color: theme.palette.grey[700],
    fontSize: "1rem",
    marginBottom: theme.spacing.unit,
    '& ul': {
      marginTop: 5,
      marginBottom: 5,
      paddingInlineStart: "30px"
    },
    '& li': {
      marginTop: 5,
      marginBottom: 5
    },
  },
  hidePrompt: {
    position: "absolute",
    right: 14,
    bottom: 14
  },
  moderatorsNote: {
    fontStyle: "italic",
    marginTop: 4,
  }
})

const ReviewPostForm = ({classes, post, onClose}) => {
  const { CommentsNewForm } = Components 
  const [ showPrompt, setShowPrompt ] = useState(true)

  return <Paper className={classes.root}>
    <div className={classes.header}>
      <div className={classes.title}>
        Reviewing "<Link to={Posts.getPageUrl(post)}>{post.title}</Link>"
      </div>
      <CloseIcon className={classes.close} onClick={onClose}/>
      <div className={classes.guidelines}>
        {showPrompt && <div>
          Reviews should provide information that help evaluate a post 
          <ul>
            <li>Is this post epistemically sound?
              <ul>
                <li>Does it make accurate claims? Does it carve reality at the joints? How do you know?</li>
              </ul>
            </li>
            <li>
              Has this post proved valuable? How? (be as comprehensive as possible)
            </li>
            <li>
              How could this post be improved?
            </li>
            <li>
              What followup work would you like to see building on this post?
            </li>
          </ul>
          <div className={classes.moderatorsNote}>Moderators may promote comprehensive reviews to top-level posts.</div>
          <a className={classes.hidePrompt} onClick={() => setShowPrompt(false)}>(click to hide)</a>
        </div>}
        {!showPrompt && <div onClick={() => setShowPrompt(true)}>Reviews should ideally answer... <a onClick={() => setShowPrompt(false)}>(read more)</a></div>}
      </div>
{'fraction_non_alphanumeric': 0.14216832261835183, 'fraction_numerical': 0.016656925774400935, 'mean_word_length': 2.3752465483234713, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 83, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3398201', 'n_tokens_mistral': 2220, 'n_tokens_neox': 2107, 'n_words': 535}