Progress

app/javascript/gabsocial/components/modal/status_revisions_modal.js

@@ -5,7 +5,6 @@ import classNames from 'classnames/bind'
 import { loadStatusRevisions } from '../../actions/status_revisions'
 import ModalLayout from './modal_layout'
 import RelativeTimestamp from '../relative_timestamp'
-import ScrollableList from '../scrollable_list'
 import Text from '../text'
 
 const cx = classNames.bind(_s)
@@ -56,42 +55,40 @@ class StatusRevisionsModal extends ImmutablePureComponent {
     return (
       <ModalLayout
         title={intl.formatMessage(messages.title)}
-        width='480'
+        width={480}
         onClose={onClose}
       >
         <div className={[_s.default]}>
-          <ScrollableList>
-            {
-              revisions.map((revision, i) => {
-                const isFirst = i === 0
-                const isLast = i === revisions.size - 1
+          {
+            revisions.map((revision, i) => {
+              const isFirst = i === 0
+              const isLast = i === revisions.size - 1
 
-                const containerClasses = cx({
-                  default: 1,
-                  pt5: 1,
-                  pb10: 1,
-                  mt5: !isFirst,
-                  borderColorSecondary: !isLast,
-                  borderBottom1PX: !isLast,
-                })
-
-                return (
-                  <div key={`status-revision-${i}`} className={containerClasses}>
-                    <div className={[_s.default, _s.pb5].join(' ')}>
-                      <Text size='medium'>
-                        {revision.get('text')}
-                      </Text>
-                    </div>
-                    <div className={[_s.default]}>
-                      <Text size='small' color='secondary'>
-                        Edited on <RelativeTimestamp timestamp={revision.get('created_at')} />
-                      </Text>
-                    </div>
-                  </div>
-                )
+              const containerClasses = cx({
+                default: 1,
+                pt5: 1,
+                pb10: 1,
+                mt5: !isFirst,
+                borderColorSecondary: !isLast,
+                borderBottom1PX: !isLast,
               })
-            }
-          </ScrollableList>
+
+              return (
+                <div key={`status-revision-${i}`} className={containerClasses}>
+                  <div className={[_s.default, _s.pb5].join(' ')}>
+                    <Text size='medium'>
+                      {revision.get('text')}
+                    </Text>
+                  </div>
+                  <div className={[_s.default]}>
+                    <Text size='small' color='secondary'>
+                      Edited on <RelativeTimestamp timestamp={revision.get('created_at')} />
+                    </Text>
+                  </div>
+                </div>
+              )
+            })
+          }
         </div>
       </ModalLayout>
     )