From 0e066a28f202b3d65464db97102c83da427f0d41 Mon Sep 17 00:00:00 2001
From: Safia Abdalla <safia@safia.rocks>
Date: Wed, 20 Oct 2021 23:22:27 +0000
Subject: [PATCH] fix: update mdi-react imports

---
 components/download-buttons.js |  4 +++-
 components/header/index.js     | 12 +++++-------
 pages/about.js                 |  3 ++-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/components/download-buttons.js b/components/download-buttons.js
index de0930ce..701fce59 100644
--- a/components/download-buttons.js
+++ b/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) => {
diff --git a/components/header/index.js b/components/header/index.js
index 32d4a14a..8bc3f011 100644
--- a/components/header/index.js
+++ b/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 = {
diff --git a/pages/about.js b/pages/about.js
index 7cba63ee..807b013e 100644
--- a/pages/about.js
+++ b/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";