about summary refs log tree commit diff
path: root/app/assets/javascripts/components
diff options
context:
space:
mode:
authorRakib Hasan <rmhasan@gmail.com>2017-02-19 07:42:03 +0000
committerRakib Hasan <rmhasan@gmail.com>2017-02-19 08:21:37 +0000
commit8e760d5f622672b9b9a073109bd34758a3e3086b (patch)
tree7d3edaa45932e9bfa86669989a77fff376f13827 /app/assets/javascripts/components
parent9e0dbb73377588653f6586d9bb236b19aba222e2 (diff)
adding new react class StatusNotFound
Diffstat (limited to 'app/assets/javascripts/components')
-rw-r--r--app/assets/javascripts/components/components/status_not_found.jsx16
-rw-r--r--app/assets/javascripts/components/features/status/index.jsx3
2 files changed, 18 insertions, 1 deletions
diff --git a/app/assets/javascripts/components/components/status_not_found.jsx b/app/assets/javascripts/components/components/status_not_found.jsx
new file mode 100644
index 000000000..917c1c06f
--- /dev/null
+++ b/app/assets/javascripts/components/components/status_not_found.jsx
@@ -0,0 +1,16 @@
+import { FormattedMessage } from 'react-intl';
+
+const style = {
+  textAlign: 'center',
+  fontSize: '16px',
+  fontWeight: '500',
+  paddingTop: '120px'
+};
+
+const StatusNotFound = () => (
+  <div className='status-not-found-indicator' style={style}>
+    <FormattedMessage id='status_not_found_indicator.label' defaultMessage='Status Not Found' />
+  </div>
+);
+
+export default StatusNotFound;
diff --git a/app/assets/javascripts/components/features/status/index.jsx b/app/assets/javascripts/components/features/status/index.jsx
index 7c9fcef3d..68509d593 100644
--- a/app/assets/javascripts/components/features/status/index.jsx
+++ b/app/assets/javascripts/components/features/status/index.jsx
@@ -4,7 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { fetchStatus } from '../../actions/statuses';
 import Immutable from 'immutable';
 import EmbeddedStatus from '../../components/status';
-import LoadingIndicator from '../../components/loading_indicator';
+import StatusNotFound from '../../components/status_not_found';
 import DetailedStatus from './components/detailed_status';
 import ActionBar from './components/action_bar';
 import Column from '../ui/components/column';
@@ -118,6 +118,7 @@ const Status = React.createClass({
       return (
         <Column>
           <ColumnBackButton />
+          <StatusNotFound />
         </Column>
       );
     }