From 6e96ee6443a3f5e75ca80ee562b308061453034f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sun, 1 Aug 2021 22:15:52 +0200
Subject: [PATCH] Add PollPreview component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../components/poll_preview.js                | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 app/soapbox/features/scheduled_statuses/components/poll_preview.js

diff --git a/app/soapbox/features/scheduled_statuses/components/poll_preview.js b/app/soapbox/features/scheduled_statuses/components/poll_preview.js
new file mode 100644
index 000000000..32b7231b2
--- /dev/null
+++ b/app/soapbox/features/scheduled_statuses/components/poll_preview.js
@@ -0,0 +1,50 @@
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import classNames from 'classnames';
+
+export default class PollPreview extends ImmutablePureComponent {
+
+  static propTypes = {
+    poll: ImmutablePropTypes.map,
+  };
+
+  renderOption(option) {
+    const { poll } = this.props;
+    const showResults        = poll.get('voted') || poll.get('expired');
+
+    return (
+      <li key={option}>
+        <label className={classNames('poll__text', { selectable: !showResults })}>
+          <input
+            name='vote-options'
+            type={poll.get('multiple') ? 'checkbox' : 'radio'}
+            onChange={this.handleOptionChange}
+            disabled
+          />
+
+          <span className={classNames('poll__input', { checkbox: poll.get('multiple') })} />
+
+          <span dangerouslySetInnerHTML={{ __html: option }} />
+        </label>
+      </li>
+    );
+  }
+
+  render() {
+    const { poll } = this.props;
+
+    if (!poll) {
+      return null;
+    }
+
+    return (
+      <div className='poll'>
+        <ul>
+          {poll.get('options').map((option, i) => this.renderOption(option, i))}
+        </ul>
+      </div>
+    );
+  }
+
+}