latest search

Author: crzypatchwork

src/components/input/index.js

@@ -14,7 +14,8 @@ export const Input = ({
   onWheel = () => null,
   disabled,
   value,
-  pattern
+  pattern,
+  onKeyPress
 }) => (
   <div className={styles.container}>
     <label>
@@ -28,9 +29,9 @@ export const Input = ({
         defaultValue={value}
         onChange={onChange}
         onBlur={onBlur}
-        disabled={disabled}
         pattern={pattern}
         onWheel={onWheel}
+        onKeyPress={onKeyPress}
       />
       <p>{label}</p>
     </label>

src/pages/search/index.js

@@ -540,7 +540,8 @@ export class Search extends Component {
       { id: 7, value: 'recent sales' },
       { id: 8, value: '1D' },
       { id: 9, value: '1W' },
-      { id: 10, value: '1M' }
+      { id: 10, value: '1M' },
+      { id: 11, value: 'ATH' }
     ],
     select: [],
     mouse: false,
@@ -561,7 +562,7 @@ export class Search extends Component {
   handleChange = (e) => {
     this.setState({ [e.target.name]: e.target.value })
 
-    if (this.state.search.length >= 1) this.search()
+    //if (this.state.search.length >= 1) this.search()
   }
 
   update = async (e, reset) => {
@@ -609,6 +610,17 @@ export class Search extends Component {
       })
     }
 
+    if (e === 'ATH') {
+      let list = await fetchDay(new Date('2021-05-01').toISOString(), this.state.offset)
+      list = list.map(e => e.token)
+      list = [...this.state.feed, ...(list)]
+      list = _.uniqBy(list, 'id')
+      console.log('ath', list)
+      this.setState({
+        feed: list
+      })
+    }
+
     if (e === 'num') {
       let res = await fetchFeed(Number(this.state.search) + 1 - this.state.offset)
       res = res.filter(e => !arr.includes(e.creator_id))
@@ -693,92 +705,97 @@ export class Search extends Component {
     let restricted = await getRestrictedAddresses()
     result = _.uniqBy([...this.state.feed, ...result], 'creator_id')
     result = result.filter(e => !restricted.includes(e.creator_id))
-    this.setState({ feed: [...result], flag : true })
+    this.setState({ feed: [...result], flag: true })
   }
 
 
   search = async (e) => {
 
+    console.log(e)
+
     this.setState({ items: [], feed: [], search: e })
     this.setState({ subjkt: await fetchSubjkts(this.state.search) })
 
-    if ((this.state.subjkt[0]?.hdao_balance > 30000000) || (isFloat(Number(this.state.search)))) {
-      console.log(isFloat(Number(this.state.search)))
-      this.setState({ feed: await fetchCreations(this.state.subjkt[0].address, this.state.offset), select: 'creations' })
-    } else if (!isNaN(this.state.search)) {
+    if (!isNaN(this.state.search)) {
       this.setState({ feed: await fetchFeed(Number(this.state.search) + 1), select: 'num' })
     } else {
       this.setState({ feed: _.uniqBy(await fetchTag(this.state.search.toLowerCase(), 9999999), 'creator_id'), select: 'tag' })
     }
 
+
+    console.log(this.state.feed)
   }
 
-  hoverState = (bool) => this.setState({ mouse: bool })
+    hoverState = (bool) => this.setState({ mouse: bool })
 
-  select = (id) => this.setState({ select: [...this.state.select, id] })
+    select = (id) => this.setState({ select: [...this.state.select, id] })
 
-  loadMore = () => {
-    this.setState({ offset: this.state.offset + 15 })
-    this.update(this.state.select, false)
-  }
+    loadMore = () => {
+      this.setState({ offset: this.state.offset + 15 })
+      this.update(this.state.select, false)
+    }
 
-  render() {
+    handleKey = (e) => {
+      console.log(this.state.search)
+      if (e.key == 'Enter') this.search(this.state.search)
+    }
 
-    return (
-      <Page>
-        <Container>
-          <Padding>
-            <Input
-              type="text"
-              name="search"
-              onMouseEnter={() => this.hoverState(true)}
-              onMouseLeave={() => this.hoverState(false)}
-              onChange={e => this.search(e.target.value)}
-              label="objkt id, artists, tags"
-              placeholder="objkt id, artists, tags"
-            />
-            {
-              <div style={{ marginTop: '15px' }}>
-                {this.state.tags.map(e => <a className='tag' href='#' onClick={() => {
-                  this.update(e.value, true)
-                }}>{e.value} </a>)}
-              </div>
-            }
-            {
-              (this.state.subjkt.length > 0) && (this.state.search !== "") ?
-                <div style={{ maxHeight: '200px', overflow: 'scroll' }}>
-                  {
-                    this.state.subjkt.map(e => <div style={{ marginTop: '10px' }}><a href={`/${e.name}`}>{e.name}</a> {e.metadata.description}</div>)
-                  }
+    render() {
+
+      return (
+        <Page>
+          <Container>
+            <Padding>
+              <Input
+                type="text"
+                name="search"
+                onChange={this.handleChange}
+                label="search objkt id, artists, tags (press Enter)"
+                placeholder="search objkt id, artists, tags (press Enter)"
+                onKeyPress={this.handleKey}
+              />
+              {
+                <div style={{ marginTop: '15px' }}>
+                  {this.state.tags.map(e => <a className='tag' href='#' onClick={() => {
+                    this.update(e.value, true)
+                  }}>{e.value} </a>)}
                 </div>
+              }
+              {
+                (this.state.subjkt.length > 0) && (this.state.search !== "") ?
+                  <div style={{ maxHeight: '200px', overflow: 'scroll' }}>
+                    {
+                      this.state.subjkt.map(e => <div style={{ marginTop: '10px' }}><a href={`/${e.name}`}>{e.name}</a> {e.metadata.description}</div>)
+                    }
+                  </div>
+                  :
+                  undefined
+              }
+            </Padding>
+          </Container>
+          <Container xlarge>
+            {
+              this.state.feed.length > 0 ?
+                <InfiniteScroll
+                  dataLength={this.state.feed.length}
+                  next={this.loadMore}
+                  hasMore={this.state.hasMore}
+                  loader={undefined}
+                  endMessage={undefined}
+                >
+                  <Container>
+                    <Padding>
+                      {this.state.feed.map((item, index) => (
+                        <FeedItem key={`${item.id}-${index}`} {...item} />
+                      ))}
+                    </Padding>
+                  </Container>
+                </InfiniteScroll>
                 :
                 undefined
             }
-          </Padding>
-        </Container>
-        <Container xlarge>
-          {
-            this.state.feed.length > 0 ?
-              <InfiniteScroll
-                dataLength={this.state.feed.length}
-                next={this.loadMore}
-                hasMore={this.state.hasMore}
-                loader={undefined}
-                endMessage={undefined}
-              >
-                <Container>
-                  <Padding>
-                    {this.state.feed.map((item, index) => (
-                      <FeedItem key={`${item.id}-${index}`} {...item} />
-                    ))}
-                  </Padding>
-                </Container>
-              </InfiniteScroll>
-              :
-              undefined
-          }
-        </Container>
-      </Page>
-    )
+          </Container>
+        </Page>
+      )
+    }
   }
-}

src/pages/search/style.css

@@ -7,4 +7,5 @@
     margin-bottom: 6px;
     font-size: 16px;
     font-weight: bold;
-  }
+  }
+