diff --git a/client/coral-admin/src/components/FlagWidget.js b/client/coral-admin/src/components/FlagWidget.js
index 96e21ac0b..a37ddcd2c 100644
--- a/client/coral-admin/src/components/FlagWidget.js
+++ b/client/coral-admin/src/components/FlagWidget.js
@@ -1,66 +1,60 @@
-import React, {PropTypes} from 'react';
+import React from 'react';
+import {compose} from 'react-apollo';
+import {mostFlags} from 'coral-admin/src/graphql/queries';
import {Link} from 'react-router';
import styles from './Widget.css';
import I18n from 'coral-framework/modules/i18n/i18n';
import translations from 'coral-admin/src/translations';
+import {Spinner} from 'coral-ui';
const lang = new I18n(translations);
-const FlagWidget = ({assets}) => {
+const FlagWidget = (props) => {
+
+ if (props.data.loading) {
+ return
| {/* empty on purpose */} - | {lang.t('streams.article')} | -{lang.t('modqueue.flagged')} | -{lang.t('modqueue.likes')} | -{lang.t('dashboard.comment_count')} | -
|---|---|---|---|---|
| {index + 1}. | -
- {asset.title}
- {asset.author} - Published: {new Date(asset.created_at).toLocaleDateString()} - |
- {flagSummary ? flagSummary.actionCount : 0} | -{likeSummary ? likeSummary.actionCount : 0} | -{asset.commentCount} | -
| {lang.t('dashboard.no_flags')} | ||||
| {/* empty on purpose */} + | {lang.t('streams.article')} | +{lang.t('modqueue.flagged')} | +{lang.t('modqueue.likes')} | +{lang.t('dashboard.comment_count')} | +
|---|---|---|---|---|
| {index + 1}. | +
+ {asset.title}
+ {asset.author} - Published: {new Date(asset.created_at).toLocaleDateString()} + |
+ {flagSummary ? flagSummary.actionCount : 0} | +{likeSummary ? likeSummary.actionCount : 0} | +{asset.commentCount} | +
| {lang.t('dashboard.no_flags')} | ||||
| {/* empty on purpose */} + | {lang.t('streams.article')} | +{lang.t('modqueue.flagged')} | +{lang.t('modqueue.likes')} | +{lang.t('dashboard.comment_count')} | +
|---|---|---|---|---|
| {index + 1}. | +
+ {asset.title}
+ {asset.author} - Published: {new Date(asset.created_at).toLocaleDateString()} + |
+ {flagSummary ? flagSummary.actionCount : 0} | +{likeSummary ? likeSummary.actionCount : 0} | +{asset.commentCount} | +
| {lang.t('dashboard.no_likes')} | ||||
{data.error};
- }
-
- return (
-