From 656a30a4fc43c3a4f19765f065701c47e5b84a91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Garc=C3=ADa=20Garz=C3=B3n?=
 <david.garcia@somenergia.coop>
Date: Mon, 11 Mar 2024 18:29:34 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20ContractAlarms=20migrated=20to=20Re?=
 =?UTF-8?q?act?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/CallinfoPage/ContractAlarms.js  | 24 +++++++++++++++++++
 .../ui/src/pages/CallinfoPage/ContractInfo.js |  5 ++--
 2 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 tomatic/ui/src/pages/CallinfoPage/ContractAlarms.js

diff --git a/tomatic/ui/src/pages/CallinfoPage/ContractAlarms.js b/tomatic/ui/src/pages/CallinfoPage/ContractAlarms.js
new file mode 100644
index 00000000..300f12e4
--- /dev/null
+++ b/tomatic/ui/src/pages/CallinfoPage/ContractAlarms.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import Card from '@mui/material/Card'
+import Box from '@mui/material/Box'
+
+export default function ContractAlarms({ contract }) {
+  const alarms = [
+    [contract.selfconsumption, 'label-selfconsumption', 'Autoconsum.'],
+    [contract.generation, 'label-generation', 'Rep Generation.'],
+    [contract.energetica, 'label-energetica', "És d'EnergÈtica."],
+    [contract.suspended_invoicing, 'label-alert', 'Facturació suspesa.'],
+    [contract.has_debt, 'label-alert', 'Té deute: ' + contract.has_debt],
+  ].filter(([active, className, message]) => active)
+
+  if (alarms.length===0) {
+    return <Card className="extra-info">{'No hi ha informació extra.'}</Card>
+  }
+  return (
+    <Card className="extra-info">
+      {alarms.map(([active, className, message]) => (
+        <Box className={className}>{message}</Box>
+      ))}
+    </Card>
+  )
+}
diff --git a/tomatic/ui/src/pages/CallinfoPage/ContractInfo.js b/tomatic/ui/src/pages/CallinfoPage/ContractInfo.js
index c402b627..5ab0d9bd 100644
--- a/tomatic/ui/src/pages/CallinfoPage/ContractInfo.js
+++ b/tomatic/ui/src/pages/CallinfoPage/ContractInfo.js
@@ -2,6 +2,7 @@ import React from 'react'
 import Box from '@mui/material/Box'
 import CallInfo from '../../mithril/components/callinfo'
 import TabbedCard from './TabbedCard'
+import ContractAlarms from './ContractAlarms'
 import { useSubscriptable } from '../../services/subscriptable'
 
 function formatContractNumber(number) {
@@ -114,9 +115,7 @@ function ContractContent() {
         {contract.pending_state ? contract.pending_state : 'Esborrany'}
       </InfoLine>
       <br />
-      {
-          //TODO extraInfo(contract),
-      }
+      <ContractAlarms contract={contract}/>
     </Box>
   )
 }