diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index dd79912c1..d1d2ffed5 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -161,3 +161,15 @@
.rowWithColor > td {
background-color: var(--bgColor) !important;
}
+
+.muted-button {
+ color: grey;
+ border: none;
+ background: none;
+ cursor: pointer;
+ font-size: 16px; /* Adjust as needed */
+}
+
+.muted-button:hover {
+ color: darkgrey;
+}
diff --git a/client/src/components/production-list-columns/production-list-columns.alert.component.jsx b/client/src/components/production-list-columns/production-list-columns.alert.component.jsx
index 2d1851a29..db219745b 100644
--- a/client/src/components/production-list-columns/production-list-columns.alert.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.alert.component.jsx
@@ -1,6 +1,6 @@
-import { ExclamationCircleFilled } from "@ant-design/icons";
+import { ExclamationCircleFilled, PlusCircleFilled } from "@ant-design/icons";
import { useMutation } from "@apollo/client";
-import { Button } from "antd";
+import { Button, Popconfirm } from "antd";
import React, { useCallback } from "react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
@@ -8,6 +8,7 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
import { UPDATE_JOB } from "../../graphql/jobs.queries";
import { insertAuditTrail } from "../../redux/application/application.actions";
import AuditTrailMapping from "../../utils/AuditTrailMappings";
+import { useTranslation } from "react-i18next";
const mapStateToProps = createStructuredSelector({});
@@ -24,6 +25,7 @@ const mapDispatchToProps = (dispatch) => ({
const ProductionListColumnAlert = ({ id, productionVars, refetch, insertAuditTrail }) => {
const [updateAlert] = useMutation(UPDATE_JOB);
+ const { t } = useTranslation();
const handleAlertToggle = useCallback(() => {
logImEXEvent("production_toggle_alert");
@@ -55,8 +57,17 @@ const ProductionListColumnAlert = ({ id, productionVars, refetch, insertAuditTra
}, [updateAlert, insertAuditTrail, id, productionVars, refetch]);
return productionVars?.alert ? (
- } onClick={handleAlertToggle} />
- ) : null;
+
+ } />
+
+ ) : (
+ } onClick={handleAlertToggle} />
+ );
};
export default connect(mapStateToProps, mapDispatchToProps)(ProductionListColumnAlert);
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index f3a95722e..77e9b9136 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -1160,7 +1160,8 @@
"submit": "Submit",
"tryagain": "Try Again",
"view": "View",
- "viewreleasenotes": "See What's Changed"
+ "viewreleasenotes": "See What's Changed",
+ "remove_alert": "Are you sure you want to dismiss the alert?"
},
"errors": {
"fcm": "You must allow notification permissions to have real time messaging. Click to try again.",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index 30cac520b..4f3e4d8c3 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -1160,7 +1160,8 @@
"submit": "",
"tryagain": "",
"view": "",
- "viewreleasenotes": ""
+ "viewreleasenotes": "",
+ "remove_alert": ""
},
"errors": {
"fcm": "",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 967aa9003..4428e1f9d 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -1160,7 +1160,8 @@
"submit": "",
"tryagain": "",
"view": "",
- "viewreleasenotes": ""
+ "viewreleasenotes": "",
+ "remove_alert": ""
},
"errors": {
"fcm": "",