grommet / grommet-icons-site Goto Github PK

View Code? Open in Web Editor NEW

5.0 20.0 5.0 2.04 MB

Website for grommet-icons library

JavaScript 86.48% HTML 13.52%

grommet-icons-site's Introduction

grommet-icons-site

This is a sample Grommet application for reference.

To run this application, execute the following commands:

Install NPM modules

```
$ npm install (or yarn install)
```

Start development:

```
$ npm run start
```

Create the app distribution

```
$ npm run build
```

Run linters:

```
$ npm run lint
```

Try

A large collection of tags have been associated with this icon set for improved searching.

Try entering these in the search box:

arrow
browser
code
person
sport
player
logo
hand
hands

grommet-icons-site's People

Contributors

Stargazers

Watchers

Forkers

dgennetten halocline jlaluces123 taysea jcfilben

grommet-icons-site's Issues

Search doesn't use the metadata keys

When searching for metadata keys grommet-icons/src/js/metadata.js in the search box, the search comes empty.
Example: search for "Accessibility", "Achievement" or any other display icon name (metadata key that doesn't appear in the metadata array of values), and the result will come empty, although the icon appears in the full list.

Site breaks after certain scrolled distance

Breakage occurs after scrolling down a certain length of the site.

When scrolling down through all the icons, around the "S" or "T" lettered icons, the site will break into a blank page.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

incomplete search result

grommet/grommet-icons#2 (comment)

prod site throws react error that turns entire page white

I found a bug on icons.grommet.io which consistently turns the entire page white, when you try to scroll down to the bottom of the page. This happens in both Chrome (Version 92.0.4515.159 (Official Build) (x86_64)) & Safari (v14.1.2), latest versions. Breaks the entire page.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html/?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Seems like it might be related to virtual scrolling, but haven’t investigated thoroughly.

Searching "ba" crashes React

Searching ba on the grommet icons site crashes React. Interestingly enough, Initial render of a ba search renders fine.

Search Functionality Does Not Work as Expected

I believe the state is being reset when the header at the top refreshes. Try searching for Group, and it doesn't give you group. But search for User and it gives you Group.

Some icons do not show up when you search for them.

Sometimes you search and the results refresh after the header has refreshed, but the input of the searchbar remains the same.