CFE-18 Merge branch 'feature/CFE-18_description_call_history' into 'develop'

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": "عملیات های مربوط به تماس",

src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabPanel/CallHistory/ListItemOfCalls/Topics/__tests__/index.test.js

@@ -6,7 +6,8 @@ describe("Topics Component From call history", () => {
     describe("Rendering", () => {
         const historyItem = {
             category_name: "test category",
-            subcategory_name: "test sub category"
+            subcategory_name: "test sub category",
+            description: "test desc"
         }
         it("operator name rendered", () => {
             render(<MockAppWithProviders><Topics historyItem={historyItem}/></MockAppWithProviders>);
@@ -18,5 +19,10 @@ describe("Topics Component From call history", () => {
             const operatorAnswerDate = screen.queryByText("test sub category");
             expect(operatorAnswerDate).toBeInTheDocument();
         });
+        it("operator description rendered", () => {
+            render(<MockAppWithProviders><Topics historyItem={historyItem}/></MockAppWithProviders>);
+            const operatorAnswerDate = screen.queryByText("test desc");
+            expect(operatorAnswerDate).toBeInTheDocument();
+        });
     });
 });

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>
     )
 }