{"version":3,"sources":["webpack://fider/./public/pages/ShowPost/components/PostSearch.tsx","webpack://fider/./public/pages/ShowPost/components/ResponseForm.tsx","webpack://fider/./public/pages/ShowPost/components/TagListItem.tsx","webpack://fider/./public/pages/ShowPost/components/TagsPanel.tsx","webpack://fider/./public/pages/ShowPost/components/NotificationsPanel.tsx","webpack://fider/./public/pages/ShowPost/components/ModerationPanel.tsx","webpack://fider/./public/pages/ShowPost/components/ShowComment.tsx","webpack://fider/./public/pages/ShowPost/components/CommentInput.tsx","webpack://fider/./public/pages/ShowPost/components/DiscussionPanel.tsx","webpack://fider/./public/pages/ShowPost/components/VotesModal.tsx","webpack://fider/./public/pages/ShowPost/components/VotesPanel.tsx","webpack://fider/./public/pages/ShowPost/ShowPost.page.tsx"],"names":["PostSearch","props","super","onSearchChange","e","this","search","currentTarget","value","onChange","item","onChanged","searchQuery","window","clearTimeout","timer","setTimeout","query","then","res","ok","posts","exclude","length","data","filter","i","indexOf","number","setState","state","items","map","p","status","label","title","render","className","votesCount","searchable","placeholder","ResponseForm","submit","result","post","location","reload","error","showModal","closeModal","setStatus","opt","setOriginalNumber","originalNumber","setText","text","response","button","fluid","onClick","options","s","toString","modal","isOpen","onClose","center","size","field","defaultValue","fields","minRows","color","TagListItem","tag","assigned","circular","name","TagsPanel","fider","canEdit","session","isAuthenticated","user","isCollaborator","tags","isEditing","setIsEditing","useState","assignedTags","setAssignedTags","t","slug","assignOrUnassignTag","idx","nextAssignedTags","splice","tagsList","key","id","editTagsList","subtitleClasses","icon","NotificationsPanel","subscribed","setSubscribed","subscribeOrUnsubscribe","action","ModerationPanel","showConfirmation","setShowConfirmation","setError","hideModal","isAdministrator","closed","ShowComment","newContent","setNewContent","isDeleteConfirmationModalOpen","setIsDeleteConfirmationModalOpen","attachments","setAttachments","clearError","undefined","comment","editedMetadata","editedAt","editedBy","date","createdAt","direction","inline","style","highlightSelected","content","renderControl","bkeys","maxUploads","previewMaxWidth","x","bkey","CommentInput","getCacheKey","inputRef","useRef","setContent","isSignInModalOpen","setIsSignInModalOpen","onFocus","current","blur","DiscussionPanel","comments","c","VotesModal","clearSearch","handleSearchFilterChanged","votes","allVotes","toLowerCase","filteredVotes","searchText","isLoading","prevProps","onIconClick","hover","email","useRelative","format","VotesPanel","isVotesModalOpen","setIsVotesModalOpen","openModal","canShowAll","extraVotesCount","moreVotesClassName","clickable","ShowPostPage","saveChanges","newTitle","newDescription","setNewTitle","setNewDescription","cancelEdit","editMode","startEdit","description","maxLength","showUser"],"mappings":"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","file":"js/ShowPost.page.aeb211a8935810d43dd8.js","sourcesContent":["import React from \"react\"\nimport { Post, PostStatus } from \"@fider/models\"\nimport { actions } from \"@fider/services\"\nimport { DropDown, DropDownItem } from \"@fider/components\"\nimport { FaCaretUp } from \"react-icons/fa\"\n\ninterface PostSearchProps {\n  exclude?: number[]\n  onChanged(postNumber: number): void\n}\n\ninterface PostSearchState {\n  posts: Post[]\n}\n\nexport class PostSearch extends React.Component<PostSearchProps, PostSearchState> {\n  private timer?: number\n\n  constructor(props: PostSearchProps) {\n    super(props)\n    this.state = {\n      posts: [],\n    }\n  }\n\n  public componentDidMount() {\n    this.search(\"\")\n  }\n\n  private onSearchChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n    this.search(e.currentTarget.value)\n  }\n\n  private onChange = (item: DropDownItem) => {\n    this.props.onChanged(item.value as number)\n  }\n\n  private search = (searchQuery: string) => {\n    window.clearTimeout(this.timer)\n    this.timer = window.setTimeout(() => {\n      actions.searchPosts({ query: searchQuery }).then((res) => {\n        if (res.ok) {\n          const posts =\n            this.props.exclude && this.props.exclude.length > 0\n              ? res.data.filter((i) => this.props.exclude && this.props.exclude.indexOf(i.number) === -1)\n              : res.data\n          this.setState({ posts })\n        }\n      })\n    }, 500)\n  }\n\n  public render() {\n    const items = this.state.posts.map((p) => {\n      const status = PostStatus.Get(p.status)\n      return {\n        label: p.title,\n        value: p.number,\n        render: (\n          <>\n            <span className=\"votes\">\n              <FaCaretUp />\n              {p.votesCount}\n            </span>\n            <span className={`status-label status-${status.value}`}>{status.title}</span>\n            {p.title}\n          </>\n        ),\n      }\n    })\n\n    return (\n      <DropDown\n        className=\"c-post-search\"\n        searchable={true}\n        items={items}\n        placeholder=\"Search original post\"\n        onChange={this.onChange}\n        onSearchChange={this.onSearchChange}\n      />\n    )\n  }\n}\n","import React from \"react\"\n\nimport { Modal, Button, DisplayError, Select, Form, TextArea, Field, SelectOption } from \"@fider/components\"\nimport { Post, PostStatus } from \"@fider/models\"\n\nimport { actions, Failure } from \"@fider/services\"\nimport { FaBullhorn } from \"react-icons/fa\"\nimport { PostSearch } from \"./PostSearch\"\n\ninterface ResponseFormProps {\n  post: Post\n}\n\ninterface ResponseFormState {\n  showModal: boolean\n  status: string\n  text: string\n  originalNumber: number\n  error?: Failure\n}\n\nexport class ResponseForm extends React.Component<ResponseFormProps, ResponseFormState> {\n  constructor(props: ResponseFormProps) {\n    super(props)\n\n    this.state = {\n      showModal: false,\n      status: this.props.post.status,\n      originalNumber: 0,\n      text: this.props.post.response ? this.props.post.response.text : \"\",\n    }\n  }\n\n  private submit = async () => {\n    const result = await actions.respond(this.props.post.number, this.state)\n    if (result.ok) {\n      location.reload()\n    } else {\n      this.setState({\n        error: result.error,\n      })\n    }\n  }\n\n  private showModal = async () => {\n    this.setState({ showModal: true })\n  }\n\n  private closeModal = async () => {\n    this.setState({ showModal: false })\n  }\n\n  private setStatus = (opt?: SelectOption) => {\n    if (opt) {\n      this.setState({ status: opt.value })\n    }\n  }\n\n  private setOriginalNumber = (originalNumber: number) => {\n    this.setState({ originalNumber })\n  }\n\n  private setText = (text: string) => {\n    this.setState({ text })\n  }\n\n  public render() {\n    const button = (\n      <Button className=\"respond\" fluid={true} onClick={this.showModal}>\n        <FaBullhorn /> Respond\n      </Button>\n    )\n\n    const options = PostStatus.All.map((s) => ({\n      value: s.value.toString(),\n      label: s.title,\n    }))\n\n    const modal = (\n      <Modal.Window isOpen={this.state.showModal} onClose={this.closeModal} center={false} size=\"large\">\n        <Modal.Content>\n          <Form error={this.state.error} className=\"c-response-form\">\n            <Select field=\"status\" label=\"Status\" defaultValue={this.state.status} options={options} onChange={this.setStatus} />\n            {this.state.status === PostStatus.Duplicate.value ? (\n              <>\n                <Field>\n                  <PostSearch exclude={[this.props.post.number]} onChanged={this.setOriginalNumber} />\n                </Field>\n                <DisplayError fields={[\"originalNumber\"]} error={this.state.error} />\n                <span className=\"info\">Votes from this post will be merged into original post.</span>\n              </>\n            ) : (\n              <TextArea\n                field=\"text\"\n                onChange={this.setText}\n                value={this.state.text}\n                minRows={5}\n                placeholder=\"What's going on with this post? Let your users know what are your plans...\"\n              />\n            )}\n          </Form>\n        </Modal.Content>\n\n        <Modal.Footer>\n          <Button color=\"positive\" onClick={this.submit}>\n            Submit\n          </Button>\n          <Button color=\"cancel\" onClick={this.closeModal}>\n            Cancel\n          </Button>\n        </Modal.Footer>\n      </Modal.Window>\n    )\n\n    return (\n      <>\n        {button}\n        {modal}\n      </>\n    )\n  }\n}\n","import React from \"react\"\nimport { Tag } from \"@fider/models\"\nimport { ListItem, ShowTag } from \"@fider/components\"\nimport { FaCheck } from \"react-icons/fa\"\n\ninterface TagListItemProps {\n  tag: Tag\n  assigned: boolean\n  onClick: (tag: Tag) => void\n}\n\nexport const TagListItem = (props: TagListItemProps) => {\n  const onClick = () => {\n    props.onClick(props.tag)\n  }\n\n  return (\n    <ListItem onClick={onClick}>\n      {props.assigned ? <FaCheck /> : <svg className=\"icon\" />}\n      <ShowTag tag={props.tag} size=\"mini\" circular={true} />\n      <span>{props.tag.name}</span>\n    </ListItem>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Tag, Post } from \"@fider/models\"\nimport { actions } from \"@fider/services\"\nimport { ShowTag, List, ListItem } from \"@fider/components\"\nimport { TagListItem } from \"./TagListItem\"\nimport { FaCheckCircle, FaCog } from \"react-icons/fa\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface TagsPanelProps {\n  post: Post\n  tags: Tag[]\n}\n\nexport const TagsPanel = (props: TagsPanelProps) => {\n  const fider = useFider()\n  const canEdit = fider.session.isAuthenticated && fider.session.user.isCollaborator && props.tags.length > 0\n\n  const [isEditing, setIsEditing] = useState(false)\n  const [assignedTags, setAssignedTags] = useState(props.tags.filter((t) => props.post.tags.indexOf(t.slug) >= 0))\n\n  const assignOrUnassignTag = async (tag: Tag) => {\n    const idx = assignedTags.indexOf(tag)\n    let nextAssignedTags: Tag[] = []\n\n    if (idx >= 0) {\n      const response = await actions.unassignTag(tag.slug, props.post.number)\n      if (response.ok) {\n        nextAssignedTags = [...assignedTags]\n        nextAssignedTags.splice(idx, 1)\n      }\n    } else {\n      const response = await actions.assignTag(tag.slug, props.post.number)\n      if (response.ok) {\n        nextAssignedTags = [...assignedTags, tag]\n      }\n    }\n\n    setAssignedTags(nextAssignedTags)\n  }\n\n  const onSubtitleClick = () => {\n    if (canEdit) {\n      setIsEditing(!isEditing)\n    }\n  }\n\n  if (!canEdit && assignedTags.length === 0) {\n    return null\n  }\n\n  const tagsList =\n    assignedTags.length > 0 ? (\n      <List className=\"c-tag-list\">\n        {assignedTags.map((tag) => (\n          <ListItem key={tag.id}>\n            <ShowTag tag={tag} />\n          </ListItem>\n        ))}\n      </List>\n    ) : (\n      <span className=\"info\">None yet</span>\n    )\n\n  const editTagsList = props.tags.length > 0 && (\n    <List className=\"c-tag-list\">\n      {props.tags.map((tag) => (\n        <TagListItem key={tag.id} tag={tag} assigned={assignedTags.indexOf(tag) >= 0} onClick={assignOrUnassignTag} />\n      ))}\n    </List>\n  )\n\n  const subtitleClasses = `subtitle ${canEdit && \"active\"}`\n  const icon = canEdit && (isEditing ? <FaCheckCircle /> : <FaCog />)\n\n  return (\n    <>\n      <span className={subtitleClasses} onClick={onSubtitleClick}>\n        Tags {icon}\n      </span>\n\n      {!isEditing && tagsList}\n      {isEditing && editTagsList}\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Post } from \"@fider/models\"\nimport { Button, List, ListItem } from \"@fider/components\"\nimport { actions } from \"@fider/services\"\nimport { FaVolumeUp, FaVolumeMute } from \"react-icons/fa\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface NotificationsPanelProps {\n  post: Post\n  subscribed: boolean\n}\n\nexport const NotificationsPanel = (props: NotificationsPanelProps) => {\n  const fider = useFider()\n  const [subscribed, setSubscribed] = useState(props.subscribed)\n\n  const subscribeOrUnsubscribe = async () => {\n    const action = subscribed ? actions.unsubscribe : actions.subscribe\n\n    const response = await action(props.post.number)\n    if (response.ok) {\n      setSubscribed(!subscribed)\n    }\n  }\n\n  if (!fider.session.isAuthenticated) {\n    return null\n  }\n\n  const button = subscribed ? (\n    <Button fluid={true} onClick={subscribeOrUnsubscribe}>\n      <FaVolumeMute /> Unsubscribe\n    </Button>\n  ) : (\n    <Button fluid={true} onClick={subscribeOrUnsubscribe}>\n      <FaVolumeUp /> Subscribe\n    </Button>\n  )\n\n  const text = subscribed ? (\n    <span className=\"info\">You’re receiving notifications about activity on this post.</span>\n  ) : (\n    <span className=\"info\">You&apos;ll not receive any notification about this post.</span>\n  )\n\n  return (\n    <>\n      <span className=\"subtitle\">Notifications</span>\n      <List>\n        <ListItem>\n          {button}\n          {text}\n        </ListItem>\n      </List>\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { PostStatus, Post } from \"@fider/models\"\nimport { actions, navigator, Failure } from \"@fider/services\"\nimport { Form, Modal, Button, List, ListItem, TextArea } from \"@fider/components\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface ModerationPanelProps {\n  post: Post\n}\n\nexport const ModerationPanel = (props: ModerationPanelProps) => {\n  const fider = useFider()\n  const [showConfirmation, setShowConfirmation] = useState(false)\n  const [text, setText] = useState(\"\")\n  const [error, setError] = useState<Failure>()\n\n  const hideModal = async () => setShowConfirmation(false)\n  const showModal = async () => setShowConfirmation(true)\n\n  const handleDelete = async () => {\n    const response = await actions.deletePost(props.post.number, text)\n    if (response.ok) {\n      hideModal()\n      navigator.goHome()\n    } else if (response.error) {\n      setError(response.error)\n    }\n  }\n\n  const status = PostStatus.Get(props.post.status)\n  if (!fider.session.isAuthenticated || !fider.session.user.isAdministrator || status.closed) {\n    return null\n  }\n\n  const modal = (\n    <Modal.Window isOpen={showConfirmation} onClose={hideModal} center={false} size=\"large\">\n      <Modal.Content>\n        <Form error={error}>\n          <TextArea field=\"text\" onChange={setText} value={text} placeholder=\"Why are you deleting this post? (optional)\">\n            <span className=\"info\">\n              This operation <strong>cannot</strong> be undone.\n            </span>\n          </TextArea>\n        </Form>\n      </Modal.Content>\n\n      <Modal.Footer>\n        <Button color=\"danger\" onClick={handleDelete}>\n          Delete\n        </Button>\n        <Button color=\"cancel\" onClick={hideModal}>\n          Cancel\n        </Button>\n      </Modal.Footer>\n    </Modal.Window>\n  )\n\n  return (\n    <>\n      {modal}\n      <span className=\"subtitle\">Moderation</span>\n      <List>\n        <ListItem>\n          <Button color=\"danger\" size=\"tiny\" fluid={true} onClick={showModal}>\n            Delete\n          </Button>\n        </ListItem>\n      </List>\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Comment, Post, ImageUpload } from \"@fider/models\"\nimport {\n  Avatar,\n  UserName,\n  Moment,\n  Form,\n  TextArea,\n  Button,\n  MultiLineText,\n  DropDown,\n  DropDownItem,\n  Modal,\n  ImageViewer,\n  MultiImageUploader,\n} from \"@fider/components\"\nimport { formatDate, Failure, actions } from \"@fider/services\"\nimport { FaEllipsisH } from \"react-icons/fa\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface ShowCommentProps {\n  post: Post\n  comment: Comment\n}\n\nexport const ShowComment = (props: ShowCommentProps) => {\n  const fider = useFider()\n  const [isEditing, setIsEditing] = useState(false)\n  const [newContent, setNewContent] = useState(\"\")\n  const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState(false)\n  const [attachments, setAttachments] = useState<ImageUpload[]>([])\n  const [error, setError] = useState<Failure>()\n\n  const canEditComment = (): boolean => {\n    if (fider.session.isAuthenticated) {\n      return fider.session.user.isCollaborator || props.comment.user.id === fider.session.user.id\n    }\n    return false\n  }\n\n  const clearError = () => setError(undefined)\n\n  const cancelEdit = async () => {\n    setIsEditing(false)\n    setNewContent(\"\")\n    clearError()\n  }\n\n  const saveEdit = async () => {\n    const response = await actions.updateComment(props.post.number, props.comment.id, newContent, attachments)\n    if (response.ok) {\n      location.reload()\n    } else {\n      setError(response.error)\n    }\n  }\n\n  const renderEllipsis = () => {\n    return <FaEllipsisH />\n  }\n\n  const closeModal = async () => {\n    setIsDeleteConfirmationModalOpen(false)\n  }\n\n  const deleteComment = async () => {\n    const response = await actions.deleteComment(props.post.number, props.comment.id)\n    if (response.ok) {\n      location.reload()\n    }\n  }\n\n  const onActionSelected = (item: DropDownItem) => {\n    if (item.value === \"edit\") {\n      setIsEditing(true)\n      setNewContent(props.comment.content)\n      clearError()\n    } else if (item.value === \"delete\") {\n      setIsDeleteConfirmationModalOpen(true)\n    }\n  }\n\n  const modal = () => {\n    return (\n      <Modal.Window isOpen={isDeleteConfirmationModalOpen} onClose={closeModal} center={false} size=\"small\">\n        <Modal.Header>Delete Comment</Modal.Header>\n        <Modal.Content>\n          <p>\n            This process is irreversible. <strong>Are you sure?</strong>\n          </p>\n        </Modal.Content>\n\n        <Modal.Footer>\n          <Button color=\"danger\" onClick={deleteComment}>\n            Delete\n          </Button>\n          <Button color=\"cancel\" onClick={closeModal}>\n            Cancel\n          </Button>\n        </Modal.Footer>\n      </Modal.Window>\n    )\n  }\n\n  const comment = props.comment\n\n  const editedMetadata = !!comment.editedAt && !!comment.editedBy && (\n    <div className=\"c-comment-metadata\">\n      <span title={`This comment has been edited by ${comment.editedBy.name} on ${formatDate(comment.editedAt)}`}>· edited</span>\n    </div>\n  )\n\n  return (\n    <div className=\"c-comment\">\n      {modal()}\n      <Avatar user={comment.user} />\n      <div className=\"c-comment-content\">\n        <UserName user={comment.user} />\n        <div className=\"c-comment-metadata\">\n          · <Moment date={comment.createdAt} />\n        </div>\n        {editedMetadata}\n        {!isEditing && canEditComment() && (\n          <DropDown\n            className=\"l-more-actions\"\n            direction=\"left\"\n            inline={true}\n            style=\"simple\"\n            highlightSelected={false}\n            items={[\n              { label: \"Edit\", value: \"edit\" },\n              { label: \"Delete\", value: \"delete\", render: <span style={{ color: \"red\" }}>Delete</span> },\n            ]}\n            onChange={onActionSelected}\n            renderControl={renderEllipsis}\n          />\n        )}\n        <div className=\"c-comment-text\">\n          {isEditing ? (\n            <Form error={error}>\n              <TextArea field=\"content\" minRows={1} value={newContent} placeholder={comment.content} onChange={setNewContent} />\n              <MultiImageUploader field=\"attachments\" bkeys={comment.attachments} maxUploads={2} previewMaxWidth={100} onChange={setAttachments} />\n              <Button size=\"tiny\" onClick={saveEdit} color=\"positive\">\n                Save\n              </Button>\n              <Button color=\"cancel\" size=\"tiny\" onClick={cancelEdit}>\n                Cancel\n              </Button>\n            </Form>\n          ) : (\n            <>\n              <MultiLineText text={comment.content} style=\"simple\" />\n              {comment.attachments && comment.attachments.map((x) => <ImageViewer key={x} bkey={x} />)}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React, { useState, useRef } from \"react\"\n\nimport { Post, ImageUpload } from \"@fider/models\"\nimport { Avatar, UserName, Button, TextArea, Form, MultiImageUploader } from \"@fider/components/common\"\nimport { SignInModal } from \"@fider/components\"\n\nimport { cache, actions, Failure, Fider } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface CommentInputProps {\n  post: Post\n}\n\nconst CACHE_TITLE_KEY = \"CommentInput-Comment-\"\n\nexport const CommentInput = (props: CommentInputProps) => {\n  const getCacheKey = () => `${CACHE_TITLE_KEY}${props.post.id}`\n\n  const fider = useFider()\n  const inputRef = useRef<HTMLTextAreaElement>()\n  const [content, setContent] = useState((fider.session.isAuthenticated && cache.session.get(getCacheKey())) || \"\")\n  const [isSignInModalOpen, setIsSignInModalOpen] = useState(false)\n  const [attachments, setAttachments] = useState<ImageUpload[]>([])\n  const [error, setError] = useState<Failure | undefined>(undefined)\n\n  const commentChanged = (newContent: string) => {\n    cache.session.set(getCacheKey(), newContent)\n    setContent(newContent)\n  }\n\n  const hideModal = () => setIsSignInModalOpen(false)\n  const clearError = () => setError(undefined)\n\n  const submit = async () => {\n    clearError()\n\n    const result = await actions.createComment(props.post.number, content, attachments)\n    if (result.ok) {\n      cache.session.remove(getCacheKey())\n      location.reload()\n    } else {\n      setError(result.error)\n    }\n  }\n\n  const handleOnFocus = () => {\n    if (!fider.session.isAuthenticated && inputRef.current) {\n      inputRef.current.blur()\n      setIsSignInModalOpen(true)\n    }\n  }\n\n  return (\n    <>\n      <SignInModal isOpen={isSignInModalOpen} onClose={hideModal} />\n      <div className={`c-comment-input ${Fider.session.isAuthenticated && \"m-authenticated\"}`}>\n        {Fider.session.isAuthenticated && <Avatar user={Fider.session.user} />}\n        <Form error={error}>\n          {Fider.session.isAuthenticated && <UserName user={Fider.session.user} />}\n          <TextArea\n            placeholder=\"Write a comment...\"\n            field=\"content\"\n            value={content}\n            minRows={1}\n            onChange={commentChanged}\n            onFocus={handleOnFocus}\n            inputRef={inputRef}\n          />\n          {content && (\n            <>\n              <MultiImageUploader field=\"attachments\" maxUploads={2} previewMaxWidth={100} onChange={setAttachments} />\n              <Button color=\"positive\" onClick={submit}>\n                Submit\n              </Button>\n            </>\n          )}\n        </Form>\n      </div>\n    </>\n  )\n}\n","import \"./Comments.scss\"\n\nimport React from \"react\"\nimport { CurrentUser, Comment, Post } from \"@fider/models\"\nimport { ShowComment } from \"./ShowComment\"\nimport { CommentInput } from \"./CommentInput\"\n\ninterface DiscussionPanelProps {\n  user?: CurrentUser\n  post: Post\n  comments: Comment[]\n}\n\nexport const DiscussionPanel = (props: DiscussionPanelProps) => {\n  return (\n    <div className=\"comments-col\">\n      <div className=\"c-comment-list\">\n        <span className=\"subtitle\">Discussion</span>\n        {props.comments.map((c) => (\n          <ShowComment key={c.id} post={props.post} comment={c} />\n        ))}\n        <CommentInput post={props.post} />\n      </div>\n    </div>\n  )\n}\n","import \"./VotesModal.scss\"\n\nimport React from \"react\"\nimport { Post, Vote } from \"@fider/models\"\nimport { Modal, Button, Loader, List, ListItem, Avatar, UserName, Moment, Input } from \"@fider/components\"\nimport { actions } from \"@fider/services\"\nimport { FaTimes, FaSearch } from \"react-icons/fa\"\n\ninterface VotesModalProps {\n  isOpen: boolean\n  post: Post\n  onClose?: () => void\n}\n\ninterface VotesModalState {\n  searchText: string\n  allVotes: Vote[]\n  filteredVotes: Vote[]\n  isLoading: boolean\n  query: string\n}\n\nexport class VotesModal extends React.Component<VotesModalProps, VotesModalState> {\n  constructor(props: VotesModalProps) {\n    super(props)\n    this.state = {\n      searchText: \"\",\n      query: \"\",\n      allVotes: [],\n      filteredVotes: [],\n      isLoading: true,\n    }\n  }\n\n  public componentDidUpdate(prevProps: VotesModalProps) {\n    if (this.props.isOpen && !prevProps.isOpen) {\n      actions.listVotes(this.props.post.number).then((response) => {\n        if (response.ok) {\n          this.setState({\n            allVotes: response.data,\n            filteredVotes: response.data,\n            isLoading: false,\n          })\n        }\n      })\n    }\n  }\n\n  private closeModal = async () => {\n    if (this.props.onClose) {\n      this.props.onClose()\n    }\n  }\n\n  private clearSearch = () => {\n    this.handleSearchFilterChanged(\"\")\n  }\n\n  private handleSearchFilterChanged = (query: string) => {\n    const votes = this.state.allVotes.filter((x) => x.user.name.toLowerCase().indexOf(query.toLowerCase()) >= 0)\n    this.setState({ query, filteredVotes: votes })\n  }\n\n  public render() {\n    return (\n      <Modal.Window className=\"c-votes-modal\" isOpen={this.props.isOpen} center={false} onClose={this.closeModal}>\n        <Modal.Content>\n          {this.state.isLoading && <Loader />}\n          {!this.state.isLoading && (\n            <>\n              <Input\n                field=\"query\"\n                icon={this.state.query ? FaTimes : FaSearch}\n                onIconClick={this.state.query ? this.clearSearch : undefined}\n                placeholder=\"Search for users by name...\"\n                value={this.state.query}\n                onChange={this.handleSearchFilterChanged}\n              />\n              <List hover={true}>\n                {this.state.filteredVotes.map((x) => (\n                  <ListItem key={x.user.id}>\n                    <Avatar user={x.user} />\n                    <span className=\"l-user\">\n                      <UserName user={x.user} />\n                      <span className=\"info\">{x.user.email}</span>\n                    </span>\n                    <span className=\"l-date info\">\n                      <Moment date={x.createdAt} useRelative={false} format=\"short\" />\n                    </span>\n                  </ListItem>\n                ))}\n              </List>\n            </>\n          )}\n        </Modal.Content>\n\n        <Modal.Footer>\n          <Button color=\"cancel\" onClick={this.closeModal}>\n            Close\n          </Button>\n        </Modal.Footer>\n      </Modal.Window>\n    )\n  }\n}\n","import \"./VotesPanel.scss\"\n\nimport React, { useState } from \"react\"\nimport { Post, Vote } from \"@fider/models\"\nimport { Avatar } from \"@fider/components\"\nimport { Fider, classSet } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\nimport { VotesModal } from \"./VotesModal\"\n\ninterface VotesPanelProps {\n  post: Post\n  votes: Vote[]\n}\n\nexport const VotesPanel = (props: VotesPanelProps) => {\n  const fider = useFider()\n  const [isVotesModalOpen, setIsVotesModalOpen] = useState(false)\n\n  const openModal = () => {\n    if (canShowAll()) {\n      setIsVotesModalOpen(true)\n    }\n  }\n\n  const closeModal = () => setIsVotesModalOpen(false)\n  const canShowAll = () => fider.session.isAuthenticated && Fider.session.user.isCollaborator\n\n  const extraVotesCount = props.post.votesCount - props.votes.length\n  const moreVotesClassName = classSet({\n    \"l-votes-more\": true,\n    clickable: canShowAll(),\n  })\n\n  return (\n    <>\n      <VotesModal post={props.post} isOpen={isVotesModalOpen} onClose={closeModal} />\n      <span className=\"subtitle\">Voters</span>\n      <div className=\"l-votes-list\">\n        {props.votes.map((x) => (\n          <Avatar key={x.user.id} user={x.user} />\n        ))}\n        {extraVotesCount > 0 && (\n          <span onClick={openModal} className={moreVotesClassName}>\n            +{extraVotesCount} more\n          </span>\n        )}\n        {props.votes.length > 0 && extraVotesCount === 0 && canShowAll() && (\n          <span onClick={openModal} className={moreVotesClassName}>\n            see details\n          </span>\n        )}\n        {props.votes.length === 0 && <span className=\"info\">None yet</span>}\n      </div>\n    </>\n  )\n}\n","import \"./ShowPost.page.scss\"\n\nimport React from \"react\"\n\nimport { Comment, Post, Tag, Vote, ImageUpload } from \"@fider/models\"\nimport { actions, Failure, Fider } from \"@fider/services\"\n\nimport {\n  VoteCounter,\n  ShowPostResponse,\n  Button,\n  UserName,\n  Avatar,\n  Moment,\n  MultiLineText,\n  List,\n  ListItem,\n  Input,\n  Form,\n  TextArea,\n  MultiImageUploader,\n  ImageViewer,\n} from \"@fider/components\"\nimport { FaSave, FaTimes, FaEdit } from \"react-icons/fa\"\nimport { ResponseForm } from \"./components/ResponseForm\"\nimport { TagsPanel } from \"./components/TagsPanel\"\nimport { NotificationsPanel } from \"./components/NotificationsPanel\"\nimport { ModerationPanel } from \"./components/ModerationPanel\"\nimport { DiscussionPanel } from \"./components/DiscussionPanel\"\nimport { VotesPanel } from \"./components/VotesPanel\"\n\ninterface ShowPostPageProps {\n  post: Post\n  subscribed: boolean\n  comments: Comment[]\n  tags: Tag[]\n  votes: Vote[]\n  attachments: string[]\n}\n\ninterface ShowPostPageState {\n  editMode: boolean\n  newTitle: string\n  attachments: ImageUpload[]\n  newDescription: string\n  error?: Failure\n}\n\nexport default class ShowPostPage extends React.Component<ShowPostPageProps, ShowPostPageState> {\n  constructor(props: ShowPostPageProps) {\n    super(props)\n\n    this.state = {\n      editMode: false,\n      newTitle: this.props.post.title,\n      newDescription: this.props.post.description,\n      attachments: [],\n    }\n  }\n\n  private saveChanges = async () => {\n    const result = await actions.updatePost(this.props.post.number, this.state.newTitle, this.state.newDescription, this.state.attachments)\n    if (result.ok) {\n      location.reload()\n    } else {\n      this.setState({\n        error: result.error,\n      })\n    }\n  }\n\n  private setNewTitle = (newTitle: string) => {\n    this.setState({ newTitle })\n  }\n\n  private setNewDescription = (newDescription: string) => {\n    this.setState({ newDescription })\n  }\n\n  private setAttachments = (attachments: ImageUpload[]) => {\n    this.setState({ attachments })\n  }\n\n  private cancelEdit = async () => {\n    this.setState({ error: undefined, editMode: false })\n  }\n\n  private startEdit = async () => {\n    this.setState({ editMode: true })\n  }\n\n  public render() {\n    return (\n      <div id=\"p-show-post\" className=\"page container\">\n        <div className=\"header-col\">\n          <List>\n            <ListItem>\n              <VoteCounter post={this.props.post} />\n\n              <div className=\"post-header\">\n                {this.state.editMode ? (\n                  <Form error={this.state.error}>\n                    <Input field=\"title\" maxLength={100} value={this.state.newTitle} onChange={this.setNewTitle} />\n                  </Form>\n                ) : (\n                  <h1>{this.props.post.title}</h1>\n                )}\n\n                <span className=\"info\">\n                  <Moment date={this.props.post.createdAt} /> &middot; <Avatar user={this.props.post.user} /> <UserName user={this.props.post.user} />\n                </span>\n              </div>\n            </ListItem>\n          </List>\n\n          <span className=\"subtitle\">Description</span>\n          {this.state.editMode ? (\n            <Form error={this.state.error}>\n              <TextArea field=\"description\" value={this.state.newDescription} onChange={this.setNewDescription} />\n              <MultiImageUploader field=\"attachments\" bkeys={this.props.attachments} maxUploads={3} previewMaxWidth={100} onChange={this.setAttachments} />\n            </Form>\n          ) : (\n            <>\n              <MultiLineText className=\"description\" text={this.props.post.description} style=\"simple\" />\n              {this.props.attachments.map((x) => (\n                <ImageViewer key={x} bkey={x} />\n              ))}\n            </>\n          )}\n          <ShowPostResponse showUser={true} status={this.props.post.status} response={this.props.post.response} />\n        </div>\n\n        <div className=\"action-col\">\n          <VotesPanel post={this.props.post} votes={this.props.votes} />\n\n          {Fider.session.isAuthenticated &&\n            Fider.session.user.isCollaborator && [\n              <span key={0} className=\"subtitle\">\n                Actions\n              </span>,\n              this.state.editMode ? (\n                <List key={1}>\n                  <ListItem>\n                    <Button className=\"save\" color=\"positive\" fluid={true} onClick={this.saveChanges}>\n                      <FaSave /> Save\n                    </Button>\n                  </ListItem>\n                  <ListItem>\n                    <Button className=\"cancel\" fluid={true} onClick={this.cancelEdit}>\n                      <FaTimes /> Cancel\n                    </Button>\n                  </ListItem>\n                </List>\n              ) : (\n                <List key={1}>\n                  <ListItem>\n                    <Button className=\"edit\" fluid={true} onClick={this.startEdit}>\n                      <FaEdit /> Edit\n                    </Button>\n                  </ListItem>\n                  <ListItem>\n                    <ResponseForm post={this.props.post} />\n                  </ListItem>\n                </List>\n              ),\n            ]}\n\n          <TagsPanel post={this.props.post} tags={this.props.tags} />\n          <NotificationsPanel post={this.props.post} subscribed={this.props.subscribed} />\n          <ModerationPanel post={this.props.post} />\n        </div>\n\n        <DiscussionPanel post={this.props.post} comments={this.props.comments} />\n      </div>\n    )\n  }\n}\n"],"sourceRoot":""}