diff options
| author | madelinegr <monika_hedman@brown.edu> | 2019-06-06 14:15:32 -0400 |
|---|---|---|
| committer | madelinegr <monika_hedman@brown.edu> | 2019-06-06 14:15:32 -0400 |
| commit | bff9c34aa8294cd8ec09b968cfea95280b383c77 (patch) | |
| tree | ff65089eb9373514a1b920e44086480ac42cde55 /src/client/views/SearchBox.tsx | |
| parent | 0cceb45ca52e03cbc0857ebd488051629de61096 (diff) | |
weird thingsS
Diffstat (limited to 'src/client/views/SearchBox.tsx')
| -rw-r--r-- | src/client/views/SearchBox.tsx | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/src/client/views/SearchBox.tsx b/src/client/views/SearchBox.tsx index 5e1389959..ed8dbbe51 100644 --- a/src/client/views/SearchBox.tsx +++ b/src/client/views/SearchBox.tsx @@ -15,6 +15,8 @@ import { Docs } from '../documents/Documents'; import { RouteStore } from '../../server/RouteStore'; import { NumCast } from '../../new_fields/Types'; import { SearchUtil } from '../util/SearchUtil'; +import * as anime from 'animejs'; +// import anime from 'animejs'; library.add(faSearch); library.add(faObjectGroup); @@ -54,6 +56,7 @@ export class SearchBox extends React.Component { this._resultsOpen = true; this._results = results; }); + } @action @@ -216,15 +219,16 @@ export class SearchBox extends React.Component { <div className="type-of-node"> temp for filtering by a type of node <div className="icon-bar"> - <FontAwesomeIcon icon={faFilePdf} size="2x" /> - <FontAwesomeIcon icon={faChartBar} size="2x" /> - <FontAwesomeIcon icon={faObjectGroup} size="2x" /> - <FontAwesomeIcon icon={faImage} size="2x" /> - <FontAwesomeIcon icon={faFilm} size="2x" /> - <FontAwesomeIcon icon={faGlobeAsia} size="2x" /> - <FontAwesomeIcon icon={faLink} size="2x" /> - <FontAwesomeIcon icon={faMusic} size="2x" /> - <FontAwesomeIcon icon={faStickyNote} size="2x" /> + {/* hoping to ultimately animate a reorder when an icon is chosen */} + <FontAwesomeIcon style={{ order: 0 }} icon={faFilePdf} size="2x" /> + <FontAwesomeIcon style={{ order: 1 }} icon={faChartBar} size="2x" /> + <FontAwesomeIcon style={{ order: 2 }} icon={faObjectGroup} size="2x" /> + <FontAwesomeIcon style={{ order: 3 }} icon={faImage} size="2x" /> + <FontAwesomeIcon style={{ order: 4 }} icon={faFilm} size="2x" /> + <FontAwesomeIcon style={{ order: 5 }} icon={faGlobeAsia} size="2x" /> + <FontAwesomeIcon style={{ order: 6 }} icon={faLink} size="2x" /> + <FontAwesomeIcon style={{ order: 7 }} icon={faMusic} size="2x" /> + <FontAwesomeIcon style={{ order: 8 }} icon={faStickyNote} size="2x" /> </div> </div> <div className="filter-collection"> |