[WIP] Upgrade material UI

README.md

@@ -7,7 +7,7 @@ Spoke is an open source text-distribution tool for organizations to mobilize sup
 
 Spoke was created by Saikat Chakrabarti and Sheena Pakanati, and is now maintained by MoveOn.org.
 
-The latest version is [10.0](https://github.com/MoveOnOrg/Spoke/tree/v10.0) (see [release notes](https://github.com/MoveOnOrg/Spoke/blob/main/docs/RELEASE_NOTES.md#v100))
+The latest version is [10.2](https://github.com/MoveOnOrg/Spoke/tree/v10.2) (see [release notes](https://github.com/MoveOnOrg/Spoke/blob/main/docs/RELEASE_NOTES.md#v102))
 
 
 ## Setting up Spoke
@@ -24,7 +24,7 @@ Want to know more?
 ### Quick Start with Heroku
 This version of Spoke suitable for testing and, potentially, for small campaigns. This won't cost any money and will not support production(aka large-scale) usage. It's a great way to practice deploying Spoke or see it in action.  
 
-<a href="https://heroku.com/deploy?template=https://github.com/MoveOnOrg/Spoke/tree/v10.0">
+<a href="https://heroku.com/deploy?template=https://github.com/MoveOnOrg/Spoke/tree/v10.2">
 
   <img src="https://www.herokucdn.com/deploy/button.svg" alt="Deploy">
 </a>

__test__/TexterStats.test.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { shallow } from "enzyme";
+import LinearProgress from "@material-ui/core/LinearProgress";
 import TexterStats from "../src/components/TexterStats";
 
 const campaign = {
@@ -64,19 +65,17 @@ describe("TexterStats (Non-dynamic campaign)", () => {
       <TexterStats campaign={campaign} organizationId="1" />
     );
     expect(stats.text()).toEqual(
-      "Test Tester <Link />19%<LinearProgress /><Link />  |  <Link />  |  <Link />Someone Else (Suspended) <Link />99%<LinearProgress /><Link />  |  <Link />  |  <Link />"
+      "Test Tester <Link />19%<Link />  |  <Link />  |  <Link />Someone Else (Suspended) <Link />99%<Link />  |  <Link />  |  <Link />"
     );
   });
 
   it("creates linear progress correctly", () => {
     const linearProgress = shallow(<TexterStats campaign={campaign} />).find(
-      "LinearProgress"
+      LinearProgress
     );
     expect(linearProgress.length).toBe(2);
     expect(linearProgress.first().props()).toEqual({
-      max: 100,
-      min: 0,
-      mode: "determinate",
+      variant: "determinate",
       value: 19
     });
   });

__test__/TopNav.test.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { shallow } from "enzyme";
 import { StyleSheetTestUtils } from "aphrodite";
+import IconButton from "@material-ui/core/IconButton";
 import TopNav from "../src/components/TopNav";
 
 describe("TopNav", () => {
@@ -18,7 +19,7 @@ describe("TopNav", () => {
     ).find("Link");
     expect(link.length).toBe(1);
     expect(link.prop("to")).toBe("/admin/1/campaigns");
-    expect(link.find("IconButton").length).toBe(1);
+    expect(link.find(IconButton).length).toBe(1);
   });
 
   it("renders UserMenu", () => {