Changing pages to class component

src/pages/PDP/PDP.jsx

-import React from 'react';
+import React, { Component } from 'react';
 import styles from './PDP.module.scss';
 
-function PDPPage() {
-    return (
-        <section className={styles.PDPPage}>
-            PDP Page!
-        </section>
-    );
+class PDPPage extends Component {
+    render() {
+        return (
+            <section className={styles.PDPPage}>
+                PDP Page!
+            </section>
+        );
+    }
 }
 
 export default PDPPage;
\ No newline at end of file

src/pages/PLP/PLP.jsx

-import React from 'react';
+import React, { Component } from 'react';
 import styles from './PLP.module.scss';
 
-function PLPPage() {
-    return (
-        <section className={styles.PLPPage}>
-            PLP Page!
-        </section>
-    );
+class PLPPage extends Component {
+    render() {
+        return (
+            <section className={styles.PLPPage}>
+                PLP Page!
+            </section>
+        );
+    }
 }
 
 export default PLPPage;

src/styles/_variables.scss

@@ -3,5 +3,4 @@ $primary : #866347;
 $primary-black : #333333;
 $gray : #F5F6F8;
 
-
 $large-footer-height: 60px;
\ No newline at end of file