Contents

import { Component } from 'react';
import { I18n }      from 'react-i18nify';

/**
 * A simple static component with the comment's order selector markup
 * @class
 * @augments Component
 * @todo Needs a proper implementation
 */
export default class CommentOrderSelector extends Component {
  render() {
    return (
      <div className="order-by__dropdown order-by__dropdown--right">
        <span className="order-by__text">{ I18n.t("components.comment_order_selector.title") }</span>
        <ul className="dropdown menu" data-dropdown-menu>
          <li>
            <a>{ I18n.t("components.comment_order_selector.order.most_voted") }</a>
            <ul className="menu">
              <li><a>{ I18n.t("components.comment_order_selector.order.most_voted") }</a></li>
              <li><a>{ I18n.t("components.comment_order_selector.order.recent") }</a></li>
              <li><a>{ I18n.t("components.comment_order_selector.order.older") }</a></li>
            </ul>
          </li>
        </ul>
      </div>
    );
  }
}

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
decidim-comments-0.0.1	app/frontend/comments/comment_order_selector.component.jsx
decidim-0.0.1	decidim-comments/app/frontend/comments/comment_order_selector.component.jsx