Footer size is small

Re: https://github.com/chuckharmston/testpilot-contribute/blob/f6106ab8cb1cd611b93d060c95b4fe606310a4e0/src/config.json#L67-L77

In the /src/config.json we have an array of repos [Test Pilot, Snooze Tabs, Containers, Screenshots, Activity Stream, Min Vid, Notes, Voice Fill, and Send], but on the site, the projects are sorted by [Send, Test Pilot, Screenshots, Min Vid, Containers].

They seem to be sorted consistently, so maybe they're being sorted by each repo's last updated date.

https://github.com/chuckharmston/testpilot-contribute/blob/f6106ab8cb1cd611b93d060c95b4fe606310a4e0/src/components/footer/index.js#L8-L25

Ref #39

Currently, a 404 page (ie: https://contribute.testpilot.firefox.com/nein) shows a pretty minimal 404 page, with no console logs or warnin's

In normal status, text should be align center, and no overlay. Icon size and card size need fine tune as well.

Firefox appears to believe that a fetch request with a preflight that returns 204 is an error and fails with a NetworkError. This bug should:

• Refactor to use XHR instead of fetch.
• Reduce to a simple test case and file a bug on Bugzilla about this.

https://github.com/chuckharmston/testpilot-contribute/blob/f6106ab8cb1cd611b93d060c95b4fe606310a4e0/package.json#L6

Per mozilla/testpilot#2687 (comment):

This is shipped: https://contribute.testpilot.firefox.com

It currently is not. Make it so.

Currently https://contribute.testpilot.firefox.com/tasks seems to be a never-changing URL. It'd be nice if we could use query params to preselect projects and skills.

This'd let me add a link to https://testpilot.firefox.com/experiments/snooze-tabs which says "Good First Bugs" which goes to https://contribute.testpilot.firefox.com/tasks?project=snooze-tabs
Or something like https://contribute.testpilot.firefox.com/tasks?project=snooze-tabs&skill=HTML

If you can refresh the site quick enough in a minute(?), it seems like you exhaust GitHub API requests, and the API endpoint returns a 403 and the site doesn't load fully and you're stuck w/ an indeterminate progress bar thing:

Not sure if we need to generate a GitHub token and give it to OPs, or pass along to Heroku, or whatever.

Conversely, instead of expensive queries to GitHub, maybe have some server endpoint which caches the results for 60 seconds locally. That way every page load wouldn't be hitting GitHub directly.

While scrolling down, the toolbar should stick to the bottom of the chrome

Card size, color (should be flat and photon color), icon size are incorrect

@ChenMorpheus WRT Issue 1: I'd greatly prefer that the card colors match those on the site for the the time being in order to maintain continuity.
In the case of Screenshots, we have a new icon that matches neither the one found in the design spec nor the one used on Page Shot:
https://github.com/mozilla-services/screenshots/blob/master/static/img/landing-icon-screenshots.svg

@johngruen For issue 1, that makes perfect sense. We were just worried that the style doesn't match the rest of Photon design.
As for screenshots icon, sorry that we grabbed the old icon. The one you mentioned is the correct icon. Nice catch!

From mozilla/testpilot#2767

We should include the current filters as querystring params.

Background image and color changes when setting different filters

Some of the images in the deployed storybook are not loading:

https://chuckharmston.github.io/testpilot-contribute/?selectedKind=Tasks%20by%20project&selectedStory=Full%20list&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel

These are common at Mozilla. Could be cool.

I'm fine leaving it under Chuck's account, but not sure if we wanted to keep all these safely behind the iron grip of Mozilla's GitHub org.

Currently, setting one filter unsets the other. We should be smarter about this, allowing both filters to be used in concert and restricting the values of the other to prevent 0-result filter combinations.

Page Shot/Screenshots has been semi-retired. Should we exclude it from this site?

Same with Activity Stream: https://github.com/chuckharmston/testpilot-contribute/blob/8f5732ae3623c6ab4d87f11919ec54dda0a083c2/src/config.json#L98-L117

Ref: #24

When I go to https://contribute.testpilot.firefox.com/tasks/ in Firefox Beta, I get the following in my Dev Tools Console

I was trying to figure out what SHA was deployed and went to https://contribute.testpilot.firefox.com/__version__ but it returns a very minimalist page (separate bug coming up shortly).

We're graduating the Containers experiment, so we probably want to remove it from the Contribute site:

https://github.com/mozilla/testpilot/blob/f9aad957f5dbe6b0484efe275158e17eac68e4bf/content-src/experiments/containers.yaml#L118

https://testpilot.dev.mozaws.net/experiments/containers

I would like to use this as a framework for Pi Reels Contributing App. Please, let me know if their are any problems with that. The Pi Reel project recently took part in Mozilla Sprint and hopes it will be accepted to the Moz Fest this year too.

Regards,
Steve

Steps to reproduce:

1. In Google Chrome, go to https://contribute.testpilot.firefox.com/tasks/ (Oddly, I cannot repro in Firefox, but I think there is a different error there)

Actual results:

https://github.com/chuckharmston/testpilot-contribute/blob/a551171253fad0d2eaea397dddca1bc336ab12a4/src/selectors/filters.js#L13

import { createSelector } from 'reselect';

const taskSelector = state => state.tasks.data;
const filterSelectors = state => ({
  repo: state.filters.repo,
  skill: state.filters.skill
});

export default createSelector(
  taskSelector,
  filterSelectors,
  (tasks, filters) => {
    return tasks.filter(task => {
      return (
        (filters.repo === null || task.repo.repo === filters.repo) &&
        (filters.skill === null ||
          task.skills.some(skill => filters.skill === skill.tag))
      );
    });
  }
);

// WEBPACK FOOTER //
// ./src/selectors/filters.js

Hover state for framed button is incorrect

When changing filters, the page height changes and therefore the gradient shifts, making the background change very distracting because it looks like an active sunrise/sunset.

It's a bit hard to tell in the GIF below, but ¯\_(ツ)_/¯

Color of hover state for primary button is incorrect