Mod Queue Working

2026-09-10 12:43:11 +08:00 · 2017-02-08 12:36:05 -03:00
parent f8d83ffbde 604a3a42b9
commit 6a6574239f
102 changed files with 3083 additions and 991 deletions
@@ -0,0 +1,62 @@
+import React from 'react';
+import styles from '../ModerationQueue.css';
+import I18n from 'coral-framework/modules/i18n/i18n';
+import translations from '../../../translations.json';
+
+const lang = new I18n(translations);
+
+const ModerationQueueHeader = (props) => (
+  <div className='mdl-tabs'>
+    <div className={`mdl-tabs__tab-bar ${styles.tabBar}`}>
+      <a href='#all'
+         onClick={(e) => {
+           e.preventDefault();
+           props.onTabClick('all');
+         }}
+         className={`mdl-tabs__tab ${styles.tab} ${props.activeTab === 'all' ? styles.active : ''}`}
+      >
+        {lang.t('modqueue.all')}
+      </a>
+      {
+        props.enablePremodTab
+          ? <a href='#premod'
+               onClick={(e) => {
+                 e.preventDefault();
+                 props.onTabClick('premod');
+               }}
+               className={`mdl-tabs__tab ${styles.tab} ${props.activeTab === 'premod' ? styles.active : ''}`}>
+            {lang.t('modqueue.premod')}
+          </a>
+          : null
+      }
+      <a href='#account'
+         onClick={(e) => {
+           e.preventDefault();
+           props.onTabClick('account');
+         }}
+         className={`mdl-tabs__tab ${styles.tab} ${props.activeTab === 'account' ? styles.active : ''}`}>
+        {lang.t('modqueue.account')}
+      </a>
+      <a href='#rejected'
+         onClick={(e) => {
+           e.preventDefault();
+           props.onTabClick('rejected');
+         }}
+         className={`mdl-tabs__tab ${styles.tab} ${props.activeTab === 'rejected' ? styles.active : ''}`}
+      >
+        {lang.t('modqueue.rejected')}
+      </a>
+      <a href='#flagged'
+         onClick={(e) => {
+           e.preventDefault();
+           props.onTabClick('flagged');
+         }}
+         className={`mdl-tabs__tab ${styles.tab} ${props.activeTab === 'flagged' ? styles.active : ''}`}
+      >
+        {lang.t('modqueue.flagged')}
+      </a>
+    </div>
+  </div>
+);
+
+export default ModerationQueueHeader;