From 8564be5f8f91f269e943c4487c60a14ca2eeda05 Mon Sep 17 00:00:00 2001
From: Katerina Koukiou <kkoukiou@redhat.com>
Date: Thu, 25 May 2023 21:50:00 +0200
Subject: [PATCH] patternfly-5-overrides should be auto-imported by the
 page.scss file

page.scss sould be imported by all pages.

(cherry picked from commit 12a648b6e47a45567460a92db638caffc1e65213)
---
 src/app.scss | 2 ++
 src/index.js | 8 --------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index dac3275..3c2f0b0 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -1,3 +1,5 @@
+@use "page.scss";
+
 p {
     font-weight: bold;
 }
diff --git a/src/index.js b/src/index.js
index 08c3bbd..fc24bc0 100644
--- a/src/index.js
+++ b/src/index.js
@@ -23,14 +23,6 @@ import "patternfly/patternfly-5-cockpit.scss";
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Application } from './app.jsx';
-/*
- * PF4 overrides need to come after the JSX components imports because
- * these are importing CSS stylesheets that we are overriding
- * Having the overrides here will ensure that when mini-css-extract-plugin will extract the CSS
- * out of the dist/index.js and since it will maintain the order of the imported CSS,
- * the overrides will be correctly in the end of our stylesheet.
- */
-import "patternfly/patternfly-5-overrides.scss";
 import './app.scss';
 
 document.addEventListener("DOMContentLoaded", function () {