Chore/css changes

.eslintignore

@@ -3,4 +3,3 @@ src/components/CheckIn/tagTemplate.ts
 package.json
 package-lock.json
 tsconfig.json
-

.eslintrc.json

@@ -5,7 +5,6 @@
     "es6": true
   },
 
-  // Specify the rulesets from other ESLint Plugins tobe used
   "extends": [
     "plugin:react/recommended",
     "eslint:recommended",
@@ -28,7 +27,6 @@
     "sourceType": "module"
   },
 
-  // Specify the ESLint plugins tobe used
   "plugins": [
     "react",
     "@typescript-eslint",
@@ -78,13 +76,13 @@
     "camelcase": "off",
     "@typescript-eslint/naming-convention": [
       "error",
-      // Interfaces must begin with Interface or TestInterface followed by a PascalCase name
+
       {
         "selector": "interface",
         "format": ["PascalCase"],
         "prefix": ["Interface", "TestInterface"]
       },
-      // Type Aliases must be in PascalCase
+
       {
         "selector": ["typeAlias", "typeLike", "enum"],
         "format": ["PascalCase"]
@@ -121,20 +119,17 @@
         "format": null
       }
     ],
-    // Ensures that components are always written in PascalCase
+
     "react/jsx-pascal-case": [
       "error",
       { "allowAllCaps": false, "allowNamespace": false }
     ],
 
-    // Enforces whitespace around equal sign operators
     "react/jsx-equals-spacing": ["warn", "never"],
     "react/no-this-in-sfc": "error",
 
-    // All tests must need not have an assertion
     "jest/expect-expect": 0,
 
-    // Enforce Strictly functional components
     "react/no-unstable-nested-components": ["error", { "allowAsProps": true }],
     "react/function-component-definition": [
       0,
@@ -143,10 +138,10 @@
     "prettier/prettier": "error"
   },
 
-  // Let ESLint use the react version in the package.json
   "settings": {
     "react": {
       "version": "detect"
     }
-  }
+  },
+  "ignorePatterns": ["**/*.css", "**/*.scss", "**/*.less", "**/*.json"]
 }

package.json

@@ -138,6 +138,7 @@
     "@vitest/coverage-istanbul": "^2.1.5",
     "babel-jest": "^29.7.0",
     "cross-env": "^7.0.3",
+    "eslint": "^8.49.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.8.0",

src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import styles from './AdvertisementRegister.module.css';
+import styles from '../../../../style/app.module.css';
 import { Button, Form, Modal } from 'react-bootstrap';
 import {
   ADD_ADVERTISEMENT_MUTATION,
@@ -263,7 +263,7 @@ function advertisementRegister({
         </div>
       )}
       <Modal show={show} onHide={handleClose}>
-        <Modal.Header closeButton className={styles.editHeader}>
+        <Modal.Header closeButton>
           {formStatus === 'register' ? (
             <Modal.Title> {t('addNew')}</Modal.Title>
           ) : (
@@ -405,6 +405,7 @@ function advertisementRegister({
           <Button
             variant="secondary"
             onClick={handleClose}
+            className={styles.closeButton}
             data-testid="addonclose"
           >
             {tCommon('close')}
@@ -414,6 +415,7 @@ function advertisementRegister({
               variant="primary"
               onClick={handleRegister}
               data-testid="addonregister"
+              className={styles.addButton}
             >
               {tCommon('register')}
             </Button>