Snackbar for Avatar code updated feedback

[mrniket]

Notable changes:

• Snackbar
• IDE now uses a dark theme while the rest of the UI uses a light theme
• createShallowWithTheme has been modified to allow testing of the Snackbar and handle the two themes
• Socket IO events

---

This change is 

[NiallEgan]

Reviewed 8 of 26 files at r1.
Reviewable status: 8 of 26 files reviewed, all discussions resolved

[TheseusGrey]

Reviewed 18 of 26 files at r1.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @mrniket)

---

game_frontend/src/testHelpers/createShallow.js, line 7 at r1 (raw file):

const light = ThemeProvider.createTheme('light')
const dark = ThemeProvider.createTheme('dark')
const themeVariants = { light, dark }

Is it needed for you to store the themes to their own variables before adding them to themeVariants?

[mrniket]

Reviewable status: 23 of 26 files reviewed, 1 unresolved discussion (waiting on @NiallEgan, @dent50cent, and @mrniket)

---

game_frontend/src/testHelpers/createShallow.js, line 7 at r1 (raw file):

Previously, dent50cent wrote…

Is it needed for you to store the themes to their own variables before adding them to themeVariants?

It's not needed but it's an optimisation as it will stop the theme being generated for every test that needs one

[TheseusGrey]

Reviewable status: 23 of 26 files reviewed, 1 unresolved discussion (waiting on @NiallEgan and @dent50cent)

---

game_frontend/src/testHelpers/createShallow.js, line 7 at r1 (raw file):

Previously, mrniket (Niket Shah) wrote…

It's not needed but it's an optimisation as it will stop the theme being generated for every test that needs one

:OK:

[TheseusGrey]

Reviewed 3 of 3 files at r2.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @mrniket)

[riaJha97]

Reviewed 21 of 26 files at r1, 2 of 3 files at r2.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @mrniket)

[TheseusGrey]

Reviewed 5 of 8 files at r3.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @mrniket)

---

game_frontend/src/containers/IDE/index.js, line 33 at r3 (raw file):

        </MuiThemeProvider>
      </StyledComponentsThemeProvider>
    )

Do you need to specify the theme for both the MuiThemeProvider and StyledComponentsThemeProvider?

[mrniket]

Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @mrniket)

---

game_frontend/src/containers/IDE/index.js, line 33 at r3 (raw file):

Previously, dent50cent wrote…

Do you need to specify the theme for both the MuiThemeProvider and StyledComponentsThemeProvider?

Yeah, the providers are from two different libraries (material-ui and styled-components) and as such are independent of each other

[riaJha97]

Reviewed 2 of 26 files at r1, 1 of 3 files at r2, 5 of 8 files at r3.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @mrniket and @dent50cent)

[TheseusGrey]

Reviewable status: complete! all files reviewed, all discussions resolved