From 1c5ec9d2a8d81d1d2e0620e598996f602fc00a92 Mon Sep 17 00:00:00 2001
From: Mohammad Jalali <muhammad.art79@gmail.com>
Date: Mon, 20 Nov 2023 12:04:07 +0330
Subject: [PATCH] CFE-18 description added to  call history

---
 public/locales/fa/app.json                          |  3 ++-
 .../CallHistory/ListItemOfCalls/Topics/index.jsx    | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index 3224263..1bfe8d3 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -262,7 +262,8 @@
     "call_history_not_found": "تاریخچه ای برای تماس دریافتی یافت نشد",
     "call_history_error_fetching": "خطا در دریافت تاریخچه تماس دریافتی",
     "show_more": "نمایش موارد بیشتر",
-    "no_data_exist": "اطلاعاتی موجود نیست"
+    "no_data_exist": "اطلاعاتی موجود نیست",
+    "description": "توضیحات"
   },
   "CallAction": {
     "call_history_of": "عملیات های مربوط به تماس",
diff --git a/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabPanel/CallHistory/ListItemOfCalls/Topics/index.jsx b/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabPanel/CallHistory/ListItemOfCalls/Topics/index.jsx
index c9be4c0..064c37b 100644
--- a/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabPanel/CallHistory/ListItemOfCalls/Topics/index.jsx
+++ b/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabPanel/CallHistory/ListItemOfCalls/Topics/index.jsx
@@ -36,6 +36,19 @@ const Topics = ({historyItem}) => {
                     </Box>
                 </ListItem>
             </List>
+            {historyItem.description ? <List component="div" disablePadding>
+                <ListItem sx={{px: 4}}>
+                    <Box sx={{width: "100%", display: "flex", flexDirection: "column"}}>
+                        <Typography variant="subtitle2" sx={{color: "#837e7e"}}>
+                            {t("CallHistory.description")}:
+                        </Typography>
+                        <Typography variant="subtitle2" sx={{color: "#837e7e", px: 2}}>
+                            {historyItem.description}
+                        </Typography>
+                    </Box>
+                </ListItem>
+            </List> : ""}
+
         </Box>
     )
 }