fix: update mdi-react imports

components/download-buttons.js

@@ -2,7 +2,9 @@
 import React from "react";
 import { Button, Buttons } from "@components/button";
 import { Type } from "@components/typography";
-import { WindowsIcon, LinuxIcon, AppleIcon } from "mdi-react";
+import WindowsIcon from "mdi-react/MicrosoftWindowsIcon";
+import LinuxIcon from "mdi-react/LinuxIcon";
+import AppleIcon from "mdi-react/AppleIcon";
 import styled, { css } from "styled-components";
 export const StyledFeaturette = styled.div``;
 export const DownloadFeaturette = ({ platform, assetUrl }: OSProps) => {

components/header/index.js

@@ -2,13 +2,11 @@ import React from "react";
 import { StyledHeader } from "@components/header/styled";
 import { StyledHero } from "@components/hero/styled";
 import Pattern from "@components/hero/pattern";
-import {
-  DiscordIcon,
-  GithubCircleIcon,
-  TwitterCircleIcon,
-  MenuIcon,
-  CloseIcon
-} from "mdi-react";
+import DiscordIcon from "mdi-react/DiscordIcon";
+import GithubCircleIcon from "mdi-react/GithubIcon";
+import TwitterCircleIcon from "mdi-react/TwitterIcon";
+import MenuIcon from "mdi-react/MenuIcon";
+import CloseIcon from "mdi-react/CloseIcon";
 import Link from "next/link";
 
 const leftNav = {

pages/about.js

@@ -1,6 +1,7 @@
 // @flow
 import * as React from "react";
-import { GithubCircleIcon, WebIcon } from "mdi-react";
+import GithubCircleIcon from "mdi-react/GithubIcon";
+import WebIcon from "mdi-react/WebIcon";
 const NTERACT_MEMBERS = require("../generated/nteract-members.json");
 
 import Layout from "@components/layout";