jmuzsik / find-an-issue Goto Github PK

Could you make the language search case-insensitive? Since I'm too lazy to hold Shift to type JS or HTML :v

P.S: also, why is HTML written as HTMl with the L being in lowercase? It looks really weird.

A project about issues should have at least one issue

Thanks to Deepak for the idea.

It would be very nice if there is a drop-down menu in the language input field. I had trouble searching for ‘JavaScript’ issues until i found out that it should be searched as ‘JS’.

If using the site you'll notice that some projects have issues that are > 100 days old. If a project has issues like this it generally means that this project is rarely updated. I solely was iterating quickly when making the site and went through the top 1000 repos by star count and did not adequately filter out these projects. I want to remove them from the array in this file.

Hey! I just found your project and I find it useful!

I would like to contribute to it! I was thinking that moving the source to webpack would be a good start in order to be able to use a bundler most of the community uses!

I also have some ideas about your project I would like to share and I'm open to help making them happen!

If you are up to do it, let me know, and I will work on it and make a PR!

Thanks in advance!

The idea you spoke of is a nice one. I think it'd look good to have a section of the row to look like the image you mentioned.

I am thinking for it to be like this:

Though, that is just something rough I made quickly. By all means, make it your own style. Add some flare if you'd like. Also, there is no access to star count or fork count in the data.

To do it notice this function in the utils.js file:

export function urlFormatter(cell) {
  return (
    <a href={cell.S} className="badge badge-success">
      Issue
    </a>
  );
}

Which gets used in the table.js file:

          <TableHeaderColumn
            ref="Url"
            dataField="Url"
            dataFormat={urlFormatter}
          >

So you'd replace the dataFormat prop in the title section with your function:

          <TableHeaderColumn
            isKey={true}
            ref="Title"
            dataField="Title"
            dataFormat={titleFormatter}
          >

Look up React Bootstrap Table docs for more info. Also, if you need to edit the styling the main way in which the table is styled is in this selector:

tbody tr {
  display: grid;
  grid-area: header;
  grid-template-columns: 27% 22% 15% 16% 10% 10%;
}

Feel free to give yourself more space for the column, the 27% is the title section atm.

Perhaps, if you'd like to change things around more, you can put the search boxes above the table for language and repository so it is not mentioned twice.

To do this may be quite complicated though. You'd have to either stylistically move the filter out of where it automatically goes (in the header) but I do not think that is an option. Custom filter is also a possibility. Probably the best way would be to somehow have multiple columns with the filtering in the header but only the column you are creating below these columns. So, 3 heading columns with search and a column taking up the entire span below these columns being the one you are creating.

Ok, I'll leave it at this! Let me know if you have any questions. Thanks!

Great idea, love it.
I can't attach a picture from my phone, but on my phone (xiaomi redmi 5a, chrome) the table of issues overflows. It's not comfortable and doesn't look good.

Again, thank you for your great work

It'd be great if there were more options for the site.

1. Replace having to fill in language by text input with options to click using a dropdown. That'd be great. To do so, just go through the repo array in options.js and store all of the used languages in some sort of data structure to create the dropdown with.

2. Another bunch of checkboxes to press that are labelled with like Experience Level. This can be part of another label such as Recommended Issues. And basically all it does it is filter based upon issues such as good first issue or docs for a beginner. For advanced, it goes through feature, etc.

And that's what's on the mind right now. More likely on the way

I'd like to add at least triple the amount of projects currently being used on the website.

If someone else is interested to do so you'd need to look through popular repos through such resources as trending projects and simply note them down. Then, go into the projects page and note down the primary languages used in the project. Lastly add them to the array in this file.

react-bootstrap-table is deprecated as per their homepage, instead react-bootstrap-table2 should be used.