Merge pull request #6164 from ShivamCoder23/css/conflict

move slick carousel theme to global
layer5io · Jan 9, 2025 · 9aeb1ee · 9aeb1ee
2 parents 39e245b + e5a2549
commit 9aeb1ee
Show file tree

Hide file tree

Showing 17 changed files with 22 additions and 41 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -1,4 +1,6 @@
 import "./fonts.css";
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
 
 document.addEventListener("DOMContentLoaded", () => {
   /** init gtm after 3500 seconds - this could be adjusted */

diff --git a/gatsby-config.js b/gatsby-config.js
@@ -17,7 +17,6 @@ module.exports = {
   },
   trailingSlash: "never",
   plugins: [
-    "@mediacurrent/gatsby-plugin-silence-css-order-warning",
     {
       resolve: "gatsby-plugin-webpack-bundle-analyser-v2",
       options: {

diff --git a/gatsby-node.js b/gatsby-node.js
@@ -9,7 +9,6 @@ const path = require("path");
 const slugify = require("./src/utils/slugify");
 const { paginate } = require("gatsby-awesome-pagination");
 const { createFilePath } = require("gatsby-source-filesystem");
-const FilterWarningsPlugin = require("webpack-filter-warnings-plugin");
 const config = require("./gatsby-config");
 const {
   componentsData,
@@ -993,14 +992,6 @@ exports.onCreateWebpackConfig = ({ actions, stage, getConfig }) => {
       },
     },
   });
-  actions.setWebpackConfig({
-    plugins: [
-      new FilterWarningsPlugin({
-        exclude:
-          /mini-css-extract-plugin[^]*Conflicting order. Following module has been added:/,
-      }),
-    ],
-  });
 
   if (stage === "build-javascript") {
     const config = getConfig();

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -101,7 +101,7 @@
     "react-scroll": "^1.9.0",
     "react-select": "^5.7.4",
     "react-share": "^4.4.1",
-    "react-slick": "^0.29.0",
+    "react-slick": "^0.30.3",
     "react-table": "^7.8.0",
     "react-tabs": "^6.0.2",
     "react-tooltip": "^5.19.0",

diff --git a/src/components/Related-Posts/index.js b/src/components/Related-Posts/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Link } from "gatsby";
 import { IoIosArrowRoundForward } from "@react-icons/all-files/io/IoIosArrowRoundForward";

diff --git a/src/components/Related-Resources/index.js b/src/components/Related-Resources/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Link } from "gatsby";
 import { IoIosArrowRoundForward } from "@react-icons/all-files/io/IoIosArrowRoundForward";

diff --git a/src/sections/Community/slider.js b/src/sections/Community/slider.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import Slider from "react-slick";
 import styled from "styled-components";

diff --git a/src/sections/Home/Partners-home/index.js b/src/sections/Home/Partners-home/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Container, Row } from "../../../reusecore/Layout";
 import SectionTitle from "../../../reusecore/SectionTitle";

diff --git a/src/sections/Home/So-Special-Section/index.js b/src/sections/Home/So-Special-Section/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import Slider from "react-slick";
 import SoSpecialWrapper from "./so-special-style";

diff --git a/src/sections/Learn/Books-grid/index.js b/src/sections/Learn/Books-grid/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { graphql, useStaticQuery } from "gatsby";
 import PageHeader from "../../../reusecore/PageHeader";

diff --git a/src/sections/Learn/LearnPage-Sections/workshops.js b/src/sections/Learn/LearnPage-Sections/workshops.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { graphql, useStaticQuery, Link } from "gatsby";
 import { Row, Col } from "../../../reusecore/Layout";

diff --git a/src/sections/Meshery/Features-section/index.js b/src/sections/Meshery/Features-section/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import { Row, Col } from "../../../reusecore/Layout";
 import Button from "../../../reusecore/Button";

diff --git a/src/sections/Meshery/Meshery-integrations/Integration.style.js b/src/sections/Meshery/Meshery-integrations/Integration.style.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import styled from "styled-components";
 import Slider from "react-slick";
 

diff --git a/src/sections/Meshery/meshery-operator/index.js b/src/sections/Meshery/meshery-operator/index.js
@@ -1,6 +1,5 @@
 
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";import React from "react";
+import React from "react";
 import { StaticImage } from "gatsby-plugin-image";
 
 

diff --git a/src/sections/Pricing/review-slider.js b/src/sections/Pricing/review-slider.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";
 import styled from "styled-components";
 import Customers from "../../reusecore/Blockquote/Blockquote-image";

diff --git a/src/sections/Projects/Image-Hub/index.js b/src/sections/Projects/Image-Hub/index.js
@@ -1,5 +1,4 @@
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
+
 import React from "react";