From a17b76ac75f506f5da6fe8adf9c36632b60d4226 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 26 Sep 2020 14:56:02 +0200
Subject: refactor to use app-rooted js imports

---
 frontend/views/upload/components/upload.index.js | 104 -----------------------
 1 file changed, 104 deletions(-)
 delete mode 100644 frontend/views/upload/components/upload.index.js

(limited to 'frontend/views/upload/components/upload.index.js')

diff --git a/frontend/views/upload/components/upload.index.js b/frontend/views/upload/components/upload.index.js
deleted file mode 100644
index 6123001..0000000
--- a/frontend/views/upload/components/upload.index.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { Component } from 'react'
-import { Link } from 'react-router-dom'
-
-import { uploadUri, formatDateTime } from '../../../util'
-import { MenuButton, SmallMenuButton, Loader } from '../../../common'
-import actions from '../../../actions'
-
-import UploadIndexOptions from './upload.indexOptions'
-import UploadMenu from './upload.menu'
-
-// const { result, collectionLookup } = this.props
-
-export default class UploadIndex extends Component {
-  componentDidMount() {
-    this.fetch(false)
-  }
-
-  componentDidUpdate(prevProps) {
-    if (this.props.upload.options.sort !== prevProps.upload.options.sort) {
-      this.fetch(false)
-    }
-  }
-
-  fetch(load_more) {
-    const { options, index } = this.props.upload
-    const { order: index_order } = index
-    const [ sort, order ] = options.sort.split('-')
-    actions.upload.index({
-      sort, order, limit: 50, offset: load_more ? index_order.length : 0,
-    }, load_more)
-  }
-
-  render() {
-    const { searchOptions, uploadActions } = this.props
-    const { options } = this.props.upload
-    const { loading, lookup, order } = this.props.upload.index
-    if (loading) {
-      return (
-        <section>
-          <UploadIndexOptions />
-          <div className="row">
-            {order && !!order.length &&
-              <div className={'results ' + searchOptions.thumbnailSize}>
-                {order.map(id => <UploadItem key={id} data={lookup[id]} />)}
-              </div>
-            }
-          </div>
-          <Loader />
-        </section>
-      )
-    }
-    if (!lookup || !order.length) {
-      return (
-        <section>
-          <UploadIndexOptions />
-          <div className="row">
-            <UploadMenu uploadActions={uploadActions} />
-            <p className='gray'>
-              {"No uploads"}
-            </p>
-          </div>
-        </section>
-      )
-    }
-    return (
-      <section>
-        <UploadIndexOptions />
-        <div className="row">
-          <UploadMenu uploadActions={uploadActions} />
-          <div className={'results ' + searchOptions.thumbnailSize}>
-            {order.map(id => <UploadItem key={id} data={lookup[id]} />)}
-          </div>
-        </div>
-        {order.length >= 50 && <button className='loadMore' onClick={() => this.fetch(true)}>Load More</button>}
-      </section>
-    )
-  }
-}
-
-const UploadItem = ({ data }) => {
-  // console.log(data)
-  const imageUri = uploadUri(data)
-  return (
-    <div className='cell'>
-      <div className='img'>
-        <Link to={"/upload/" + data.id + "/show/"}>
-          <img src={imageUri} alt={"Uploaded image"} />
-        </Link>
-      </div>
-      <div className='meta center'>
-        <div className='row'>
-          <SmallMenuButton name="search" href={"/search/upload/" + data.id + "/"} />
-        </div>
-        <div>
-          {data.username}
-        </div>
-        <div>
-          {formatDateTime(data.created_at)}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-- 
cgit v1.2.3-70-g09d2