Merge pull request #265 from the-programmers-hangout/perf-optimize-lib-usage

perf: optimize lib usage

gatsby-config.js

@@ -7,6 +7,7 @@ module.exports = {
   plugins: [
     `gatsby-plugin-react-helmet`,
     `gatsby-plugin-styled-components`,
+    `gatsby-plugin-polished`,
     {
       resolve: `gatsby-plugin-prefetch-google-fonts`,
       options: {

package-lock.json

@@ -4172,6 +4172,23 @@
         "resolve": "^1.12.0"
       }
     },
+    "babel-plugin-polished": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polished/-/babel-plugin-polished-1.1.0.tgz",
+      "integrity": "sha1-f2kCq46cIPwUy1PVlt2FiIDjV9M=",
+      "dev": true,
+      "requires": {
+        "polished": "^1.0.0"
+      },
+      "dependencies": {
+        "polished": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/polished/-/polished-1.9.3.tgz",
+          "integrity": "sha512-4NmSD7fMFlM8roNxs7YXPv7UFRbYzb0gufR5zBxJLRzY54+zFsavxBo6zsQzP9ep6Hh3pC2pTyrpSTBEaB6IkQ==",
+          "dev": true
+        }
+      }
+    },
     "babel-plugin-remove-graphql-queries": {
       "version": "2.9.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-2.9.1.tgz",
@@ -9620,6 +9637,14 @@
         "micromatch": "^3.1.10"
       }
     },
+    "gatsby-plugin-polished": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-polished/-/gatsby-plugin-polished-1.0.4.tgz",
+      "integrity": "sha512-bpm3TR1b982UOlAhjrcTSTpTXW1G4C8dWDBPDag6WbZ3EbtvvtaOO7q4Z1w+RAmunBeAv5maf0BwFcbO4N5GQw==",
+      "requires": {
+        "@babel/runtime": "^7.4.0"
+      }
+    },
     "gatsby-plugin-prefetch-google-fonts": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-prefetch-google-fonts/-/gatsby-plugin-prefetch-google-fonts-1.4.3.tgz",

package.json

@@ -34,6 +34,7 @@
     "gatsby-plugin-anchor-links": "^1.1.1",
     "gatsby-plugin-layout": "^1.3.1",
     "gatsby-plugin-manifest": "^2.4.6",
+    "gatsby-plugin-polished": "^1.0.4",
     "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
     "gatsby-plugin-react-helmet": "^3.3.1",
     "gatsby-plugin-react-svg": "^3.0.0",
@@ -69,6 +70,7 @@
     "@types/react-dom": "^16.9.8",
     "@types/react-helmet": "^6.0.0",
     "@types/styled-components": "^5.1.0",
+    "babel-plugin-polished": "^1.1.0",
     "babel-plugin-styled-components": "^1.10.7",
     "discord.js": "^12.2.0",
     "gatsby-plugin-remove-trailing-slashes": "^2.3.2",

src/components/ArchivesSidebar/index.tsx

@@ -1,5 +1,5 @@
 import { graphql, useStaticQuery } from "gatsby"
-import { sort } from "ramda"
+import sort from "ramda/es/sort"
 import React, { FC, HTMLAttributes } from "react"
 import useBuildTree from "../../hooks/useBuildTree"
 import { useLockBodyScroll } from "../../hooks/useLockBodyScroll"

src/components/ResourcesList/index.tsx

@@ -1,5 +1,5 @@
 import { graphql, useStaticQuery } from "gatsby"
-import { sort } from "ramda"
+import sort from "ramda/es/sort"
 import React, { FC, HTMLAttributes, memo } from "react"
 import "react-perfect-scrollbar/dist/css/styles.css"
 import { IAllResourcesQuery, IFileOrFolder, IFolder } from "../../types"

src/components/ResourcesSidebar/index.tsx

@@ -1,5 +1,7 @@
 import { graphql, useStaticQuery } from "gatsby"
-import { descend, sort, sortWith } from "ramda"
+import descend from "ramda/es/descend"
+import sort from "ramda/es/sort"
+import sortWith from "ramda/es/sortWith"
 import React, { FC, HTMLAttributes, memo, useState } from "react"
 import useBuildTree from "../../hooks/useBuildTree"
 import { useLockBodyScroll } from "../../hooks/useLockBodyScroll"