- {dots}
\r\n
\r\n\r\n \r\n \r\n المنافذ\r\n \r\n
\r\n\r\n \r\n {!noOutlets &&\r\n outlets.slice(0, 6).map((outletItem, idx) => {\r\n return (\r\n \r\n {/* */}\r\n
\r\n );\r\n })}\r\n {noOutlets && \r\n
\r\n \r\n
\r\n {/* */}\r\n {outletItem.nameA}
\r\n \r\n
\r\n \r\n \r\n );\r\n })}\r\n {!noOutlets && (\r\n \r\n {outletItem.nameA}\r\n
\r\n \r\n
\r\n ) : null}\r\n {loading === false && noOutlets ? (\r\n لا توجد أخبار
\r\n ) : null}\r\n\r\n
\r\n \r\n \r\n مواقع ذات صلة\r\n \r\n
\r\n\r\n {!noRelatedWebsites &&\r\n relatedWebsites.map((relatedWebsitesItem, idx) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n {relatedWebsitesItem.nameA}
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n {noRelatedWebsites &&\r\n <>\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SuggestionsForm;\r\n","import React from \"react\";\r\n\r\nimport { useRouteMatch } from \"react-router-dom\";\r\n\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\n\r\nimport HeadBar from \"../../../UI/HeadBar\";\r\nimport SuggestionsForm from \"./Suggestions-form\";\r\n\r\n// import \"./Outlet.css\";\r\n\r\nconst Suggestions = () => {\r\n let { url } = useRouteMatch();\r\n return (\r\n \r\n \r\n اﻗﺘﺮاﺣﺎت و ﺷﻜﺎوى\r\n \r\n
\r\n \r\n ) : null}\r\n\r\n\r\n
\r\n \r\n );\r\n};\r\nexport default ThreePieacesHorizontalSkeleton;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Row, Col } from \"react-bootstrap\";\r\n\r\n// import parse from \"html-react-parser\";\r\n// import striptags from \"striptags\";\r\n// import TextTruncate from \"react-text-truncate\";\r\nimport DescriptionIcon from \"@material-ui/icons/Description\";\r\nimport * as moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\n\r\nimport { axios } from \"../../../Axios/Axios\";\r\nimport { paths } from \"../../../Paths/Pathes\";\r\nimport ThreePieacesHorizontalSkeleton from '../../../LoadingSkeleton/ThreePieacesHorizontal'\r\n\r\nconst DocsTab = () => {\r\n const [documentLibrary, setDocumentLibrary] = useState([]);\r\n let [loading, setLoading] = useState(true);\r\n\r\n const noDocumentLibrary =\r\n !documentLibrary || (documentLibrary && documentLibrary.length === 0); //check if no Events\r\n\r\n const getDocumentLibrary = async () => {\r\n //fetch Events data\r\n const response = await axios\r\n .get(\"/DocumentLibrary\")\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setLoading(!loading);\r\n setDocumentLibrary(response.data); // set Events data to state\r\n }\r\n setLoading(!loading);\r\n };\r\n\r\n useEffect(() => {\r\n getDocumentLibrary();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {documentLibraryItem.titleA}\r\n \r\n
\r\n \r\n {moment(documentLibraryItem.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n \r\n {console.log(striptags(newsItem.contentA))}\r\n Read on}\r\n />\r\n
*/}\r\n \r\n {\" \"}\r\n \r\n );\r\n })}\r\n {noDocumentLibrary && \r\n
\r\n \r\n \r\n {newsItem.titleA}\r\n \r\n
\r\n \r\n {moment(newsItem.publishDate).locale(\"ar\").format(\"LL\")}\r\n
\r\n {/* \r\n {console.log(striptags(newsItem.contentA))}\r\n Read on}\r\n />\r\n
*/}\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n {noNews && \r\n
\r\n ) : null}\r\n \r\n \r\n تواصل معنا\r\n \r\n
\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ConatctUs;\r\n","import React from \"react\";\r\nimport { Row, Col, Table, OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport * as moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\n\r\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\r\nimport ArrowDropUpIcon from \"@material-ui/icons/ArrowDropUp\";\r\nimport \"./focusedGeneralIndicator.css\";\r\n\r\nconst GeneralIndicatorContent = (props) => {\r\n const pricePercentageNow = (\r\n minPriceWithinYear,\r\n maxPriceWithinYear,\r\n avgPrice\r\n ) => {\r\n return (\r\n ((avgPrice - minPriceWithinYear) /\r\n (maxPriceWithinYear - minPriceWithinYear)) *\r\n 100\r\n );\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n | \r\n البيان\r\n | \r\nمتوسط السعر | \r\nقيمة التغير | \r\nالتغير على مدار عام | \r\n
|---|---|---|---|
| \r\n \r\n \r\n {moment(item.insertionDate).locale(\"ar\").format(\"LL\")}\r\n {/* {item.insertionDate} */}\r\n \r\n \r\n | \r\n {/* Add d-flex */}\r\n \r\n \r\n {item.avgPrice} {item.currency} / {item.unit}\r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n | \r\n \r\n {item.changeRateDaialy > 0 ? (\r\n \r\n +{item.changeRateDaialy}\r\n \r\n {item.changeRatePercentDaialy} %\r\n \r\n ) : (\r\n \r\n {item.changeRateDaialy}\r\n \r\n {item.changeRatePercentDaialy} %\r\n \r\n )}\r\n | \r\n \r\n \r\n \r\n أقل سعر \r\n 52 إسبوع \r\n أعلى سعر \r\n \r\n \r\n \r\n \r\n \r\n {item.minPriceWithinYear}\r\n \r\n \r\n {moment(item.minWithinYearDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n \r\n {/* {item.minWithinYearDate} */}\r\n \r\n \r\n \r\n {item.maxPriceWithinYear}\r\n \r\n \r\n {moment(item.maxWithinYearDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n \r\n | \r\n
\r\n \r\n سعر الحقول\r\n
\r\n \r\n
\r\n \r\n \r\n ) : null}\r\n {/* Whole Prices */}\r\n {props.mainIndicatorData.wholeAvgPrice !== 0 ? (\r\n \r\n متوسط السعر\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n {props.mainIndicatorData.fieldAvgPrice}\r\n \r\n جنيه\r\n
\r\n \r\n مقارنة بأخر قيمة\r\n
\r\n \r\n {props.mainIndicatorData.fieldComYest > 0 ? (\r\n \r\n +{props.mainIndicatorData.fieldComYest}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.fieldComYest}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالإسبوع السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.fieldComWeek > 0 ? (\r\n \r\n +{props.mainIndicatorData.fieldComWeek}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.fieldComWeek}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالشهر السابق\r\n\r\n
\r\n\r\n \r\n {props.mainIndicatorData.fieldComMonth > 0 ? (\r\n \r\n +{props.mainIndicatorData.fieldComMonth}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.fieldComMonth}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالعام السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.fieldComYear > 0 ? (\r\n \r\n +{props.mainIndicatorData.fieldComYear}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.fieldComYear}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n \r\n سوق الجملة\r\n
\r\n \r\n
\r\n \r\n \r\n ) : null}\r\n {/* Ports Prices */}\r\n {props.mainIndicatorData.portAvgPrice !== 0 ? (\r\n \r\n متوسط السعر\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n {props.mainIndicatorData.wholeAvgPrice}\r\n \r\n جنيه\r\n
\r\n \r\n مقارنة بأخر قيمة\r\n
\r\n \r\n {props.mainIndicatorData.wholeComYest > 0 ? (\r\n \r\n +{props.mainIndicatorData.wholeComYest}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.wholeComYest}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالإسبوع السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.wholeComWeek > 0 ? (\r\n \r\n +{props.mainIndicatorData.wholeComWeek}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.wholeComWeek}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالعام السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.wholeComYear > 0 ? (\r\n \r\n +{props.mainIndicatorData.wholeComYear}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.wholeComYear}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n \r\n أسعار المنافذ\r\n
\r\n \r\n
\r\n \r\n \r\n ) : null}\r\n {/* Retail Prices */}\r\n {props.mainIndicatorData.retailAvgPrice !== 0 && !props.DetailsPage ? (\r\n \r\n متوسط السعر\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n {props.mainIndicatorData.portAvgPrice}\r\n \r\n جنيه\r\n
\r\n \r\n مقارنة بأخر قيمة\r\n
\r\n \r\n {props.mainIndicatorData.portComYest > 0 ? (\r\n \r\n +{props.mainIndicatorData.portComYest}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.portComYest}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالإسبوع السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.portComWeek > 0 ? (\r\n \r\n +{props.mainIndicatorData.portComWeek}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.portComWeek}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالعام السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.portComYear > 0 ? (\r\n \r\n +{props.mainIndicatorData.portComYear}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.portComYear}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n \r\n أسعار التجزئة\r\n
\r\n \r\n
\r\n \r\n \r\n ) : null}\r\n\r\n {/* Global Prices */}\r\n {props.mainIndicatorData.intAvgPrice !== 0 ? (\r\n \r\n متوسط السعر\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n {props.mainIndicatorData.retailAvgPrice}\r\n \r\n جنيه\r\n
\r\n \r\n مقارنة بأخر قيمة\r\n
\r\n \r\n {props.mainIndicatorData.retailComYest > 0 ? (\r\n \r\n +{props.mainIndicatorData.retailComYest}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.retailComYest}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالإسبوع السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.retailComWeek > 0 ? (\r\n \r\n +{props.mainIndicatorData.retailComWeek}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.retailComWeek}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالعام السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.retailComYear > 0 ? (\r\n \r\n +{props.mainIndicatorData.retailComYear}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.retailComYear}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n \r\n الأسعار العالمية\r\n
\r\n \r\n
\r\n \r\n \r\n ) : null}\r\n \r\n متوسط السعر\r\n\r\n
\r\n \r\n \r\n {props.mainIndicatorData.intAvgPrice}\r\n \r\n جنيه\r\n
\r\n \r\n مقارنة بأخر قيمة\r\n
\r\n \r\n {props.mainIndicatorData.intComYest > 0 ? (\r\n \r\n +{props.mainIndicatorData.intComYest}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.intComYest}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالإسبوع السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.intComWeek > 0 ? (\r\n \r\n +{props.mainIndicatorData.retailComWeek}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.intComWeek}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالعام السابق\r\n\r\n
\r\n \r\n {props.mainIndicatorData.intComYear > 0 ? (\r\n \r\n +{props.mainIndicatorData.retailComYear}\r\n \r\n ) : (\r\n \r\n {props.mainIndicatorData.intComYear}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n
\r\n \r\n getMainIndicatorData(event)}\r\n />\r\n
\r\n )}\r\n {!noFocusedGeneralIndicator && mainIndicatorData.AvgPrice !== 0 ? (\r\n \r\n
\r\n \r\n );\r\n}\r\nexport default FourPieacesHorizontalSkeleton;","import React, { useEffect, useState } from \"react\";\r\nimport { Col, Row } from \"react-bootstrap\";\r\nimport { useRouteMatch } from \"react-router-dom\";\r\nimport { axios } from \"../../../Axios/Axios\";\r\nimport defualtPro from \"../../../../assets/images//product.png\";\r\nimport { paths } from \"../../../Paths/Pathes\";\r\nimport FourPieacesHorizontalSkeleton from \"../../../LoadingSkeleton/FourPieacesHorizontal\";\r\nimport * as moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\n\r\nconst PortsPrices = () => {\r\n const [portsPrices, setPortsPrices] = useState([]);\r\n const noPortsPrices =\r\n !portsPrices || (portsPrices && portsPrices.length === 0); //check if no portsPrices\r\n\r\n const getPortsPrices = async () => {\r\n //fetch news data\r\n const response = await axios\r\n .get(\"/PricesData/GetPortData\")\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setPortsPrices(response.data); // set portsPrices data to state\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getPortsPrices();\r\n }, []);\r\n\r\n let { url } = useRouteMatch();\r\n return (\r\n \r\n \r\n تعرف على أقل الأسعار فى المنافذ\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {portsPricesItem.indicatorName}\r\n
\r\n \r\n أقل سعر\r\n \r\n {portsPricesItem.minPrice} {portsPricesItem.currency !=\"\" && portsPricesItem.unit != \"\" && {portsPricesItem.currency} / {portsPricesItem.unit}}\r\n \r\n
\r\n \r\n {portsPricesItem.portEntityName}\r\n
\r\n \r\n {moment(portsPricesItem.insertionDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n \r\n );\r\n })}\r\n {noPortsPrices && (\r\n \r\n \r\n السلع العالمية\r\n \r\n
\r\n \r\n {!noGlobalPrices &&\r\n globalPrices.slice(0, 4).map((globalPricesItem, idx) => {\r\n return (\r\n\r\n {globalPricesItem.avgPrice}\r\n {globalPricesItem.currency != \"\" && globalPricesItem.unit !=\"\" && {globalPricesItem.currency} / {globalPricesItem.unit} }\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {globalPricesItem.indicatorName}\r\n
\r\n \r\n {moment(globalPricesItem.insertionDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n \r\n \r\n );\r\n })}\r\n\r\n {noGlobalPrices && (\r\n \r\n
\r\n \r\n \r\n أسعار الذهب\r\n \r\n
\r\n {!noMetals && (\r\n \r\n {moment(metals[0].insertionDate).locale(\"ar\").format(\"LL\")}\r\n \r\n )}\r\n| السلعة | \r\nشراء | \r\nبيع | \r\nالاتجاه | \r\n
|---|---|---|---|
| \r\n {Item.name}\r\n | \r\n\r\n \r\n {Item.buyRate}{\" \"}\r\n \r\n | \r\n\r\n \r\n {Item.sellRate}{\" \"}\r\n \r\n | \r\n\r\n {Item.buyRateDially >= 0 ? (\r\n | \r\n
\r\n
\r\n \r\n \r\n أسعار الصرف\r\n \r\n
\r\n {!noCurr && (\r\n \r\n {moment(curr[0].insertionDate).locale(\"ar\").format(\"LL\")}\r\n \r\n )}\r\n| العملة | \r\nشراء | \r\nبيع | \r\n
|---|---|---|
| \r\n {Item.name}\r\n | \r\n\r\n \r\n {Item.buyRate}{\" \"}\r\n {Item.buyRateDially >= 0 ? (\r\n | \r\n \r\n \r\n {Item.sellRate}{\" \"}\r\n {Item.sellRateDially >= 0 ? (\r\n | \r\n
\r\n 
\r\n
\r\n {parse(aboutUs.contentA)}
\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n if (idx === 1) {\r\n secondItem = (\r\n \r\n
\r\n {newsItem.titleA}
\r\n\r\n \r\n إقرأ المزيد\r\n \r\n
\r\n \r\n {moment(newsItem.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {newsItem.titleA}
\r\n\r\n \r\n إقرأ المزيد\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if (idx === 2) {\r\n thirdItem = (\r\n \r\n {moment(newsItem.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {newsItem.titleA}
\r\n\r\n \r\n إقرأ المزيد\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n <>\r\n {idx === 2 && currentPage === 0 ? (\r\n firstRow()\r\n ) : counter > 2 || currentPage > 0 || news.length < 3 ? (\r\n \r\n {moment(newsItem.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ) : null}\r\n \r\n );\r\n })}\r\n \r\n
\r\n {newsItem.titleA}
\r\n\r\n \r\n إقرأ المزيد\r\n \r\n
\r\n \r\n {moment(newsItem.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n\r\n
\r\n ) : null}\r\n {loading === false && noNews ? (\r\n لا توجد أخبار
\r\n ) : null}\r\n\r\n
\r\n ) : null}\r\n {loading === false && noEvents ? (\r\n لا توجد فعاليات
\r\n ) : null}\r\n\r\n
\r\n \r\n {parse(String(documentLibraryItem.titleA))}\r\n
\r\n{documentLibraryItem.titleE}
\r\n {documentLibraryItem.contentA ? (\r\n\r\n {parse(String(documentLibraryItem.contentA))}\r\n
\r\n ) : null}\r\n\r\n \r\n \r\n إستعراض ملف مرفق\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {moment(documentLibraryItem.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n \r\n
{\" \"}\r\n \r\n
\r\n ) : null}\r\n {loading === false && noDocumentLibrary ? (\r\n لا توجد إصدارات
\r\n ) : null}\r\n\r\n 
\r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n })}\r\n {newsItemLinkState.titleE}
*/}\r\n\r\n
\r\n \r\n \r\n {newsItemLinkState.titleA}\r\n
\r\n\r\n \r\n {moment(newsItemLinkState.publishDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n \r\n
\r\n \r\n {parse(newsItemLinkState.contentA)}\r\n
\r\n \r\n \r\n \r\n {newsItem.titleA}\r\n
\r\n{newsItem.titleE}
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {newsItem.titleA}\r\n
\r\n\r\n \r\n {moment(newsItem.publishDate).locale(\"ar\").format(\"LL\")}\r\n \r\n
\r\n \r\n {/* {console.log(newsItem.contentA)} */}\r\n {parse(String(newsItem.contentA))}\r\n
\r\n \r\n \r\n \r\n {eventItemLinkState.titleA}\r\n
\r\n{eventItemLinkState.titleE}
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {eventItem.titleA}\r\n
\r\n{eventItem.titleE}
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n\r\n \r\n {documentLibraryItemLinkState.titleA}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n )}\r\n {documentLibraryItem.titleA}
\r\n \r\n \r\n {theme.direction === \"rtl\" ? \r\n {theme.direction === \"rtl\" ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n >\r\n {theme.direction === \"rtl\" ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n >\r\n {theme.direction === \"rtl\" ?
\r\n );\r\n}\r\n\r\nTablePaginationActions.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired,\r\n};\r\n\r\nconst PortsIndicatorContent = (props) => {\r\n const classes = useStyles2();\r\n const [page, setPage] = React.useState(0);\r\n const [rowsPerPage, setRowsPerPage] = React.useState(10);\r\n\r\n const emptyRows =\r\n rowsPerPage -\r\n Math.min(\r\n rowsPerPage,\r\n props.PortsIndicatorData.items.length - page * rowsPerPage\r\n );\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(parseInt(event.target.value, 10));\r\n setPage(0);\r\n };\r\n\r\n useEffect(() => {\r\n //console.log(props.GovId)\r\n }, []);\r\n const pricePercentageNow = (\r\n minPriceWithinYear,\r\n maxPriceWithinYear,\r\n avgPrice\r\n ) => {\r\n return (\r\n ((avgPrice - minPriceWithinYear) /\r\n (maxPriceWithinYear - minPriceWithinYear)) *\r\n 100\r\n );\r\n };\r\n return (\r\n \r\n \r\n {moment(item.insertionDate).format(\"LL\")}\r\n \r\n
\r\n {item.lastValRatePercentage} %\r\n \r\n ) : (\r\n \r\n {item.lastValRate}\r\n
\r\n {item.lastValRatePercentage} %\r\n \r\n )}\r\n
\r\n
\r\n أقل سعر
\r\n 52 إسبوع
\r\n أعلى سعر
\r\n \r\n
\r\n \r\n
\r\n \r\n {item.minPriceWithinYear}\r\n
\r\n \r\n {moment(item.minPriceWithInYearDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n {/* {item.minWithinYearDate} */}\r\n \r\n
\r\n \r\n {item.maxPriceWithinYear}\r\n
\r\n \r\n {moment(item.maxPriceWithInYearDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n بحث سلع المنافذ
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n {Governorate.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {PortType.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {PortEntity.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {Ports.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {Port.portEntityName}
\r\n{Port.portTypeName}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {!loading && PricesResult.length > 0 && (\r\n \r\n {PricesResult.map((Item, idx) => {\r\n return (\r\n \r\n \r\n )}\r\n {loading === true && PricesResult.length <= 0 && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n بحث المنافذ
\r\n\r\n
\r\n {/* \r\n \r\n \r\n {Governorate.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {PortType.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {PortEntity.map((item, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
*/}\r\n \r\n \r\n بحث\r\n \r\n
\r\n \r\n
\r\n {Ports.length > 0 &&\r\n Ports.slice(offset, offset + PER_PAGE).map((PortItem, idx) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n );\r\n })}\r\n {Ports.length > 0 && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {PortItem.portEntityName}\r\n
\r\n{PortItem.portTypeName}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n {loading === false && Ports.length <= 0 && (\r\n لا توجد منافذ
\r\n )}\r\n\r\n \r\n {theme.direction === \"rtl\" ? \r\n {theme.direction === \"rtl\" ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n >\r\n {theme.direction === \"rtl\" ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n >\r\n {theme.direction === \"rtl\" ?
\r\n );\r\n}\r\n\r\nTablePaginationActions.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired,\r\n};\r\n\r\nconst GeneralIndicatorContent = (props) => {\r\n const classes = useStyles2();\r\n const [page, setPage] = React.useState(0);\r\n const [rowsPerPage, setRowsPerPage] = React.useState(10);\r\n const [filterValue, setFilterValue] = useState(\"\");\r\n const [filterData, setFilterData] = useState(props.generalIndicatorDataItem);\r\n\r\n const emptyRows =\r\n rowsPerPage - Math.min(rowsPerPage, filterData.length - page * rowsPerPage);\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(parseInt(event.target.value, 10));\r\n setPage(0);\r\n };\r\n\r\n useEffect(() => {}, []);\r\n const pricePercentageNow = (\r\n minPriceWithinYear,\r\n maxPriceWithinYear,\r\n avgPrice\r\n ) => {\r\n return (\r\n ((avgPrice - minPriceWithinYear) /\r\n (maxPriceWithinYear - minPriceWithinYear)) *\r\n 100\r\n );\r\n };\r\n let { url } = useRouteMatch();\r\n\r\n // Search\r\n const handleSearch = (event) => {\r\n setFilterValue(event.target.value);\r\n\r\n const data = props.generalIndicatorDataItem;\r\n let filteredData = [];\r\n filteredData = data.filter((e) => {\r\n let mathesItems = Object.values(e);\r\n let retVal = true;\r\n mathesItems.forEach((e) => {\r\n const regex = new RegExp(event.target.value, \"gi\");\r\n if (typeof e == \"string\") retVal = e.match(regex);\r\n });\r\n return retVal;\r\n });\r\n setFilterData(filteredData);\r\n // this.setState({filterData: filteredDatas, searchValue: event.target.value})\r\n };\r\n useEffect(() => {\r\n setFilterValue(\"\");\r\n setFilterData(props.generalIndicatorDataItem);\r\n }, props.generalIndicatorDataItem);\r\n // Search\r\n\r\n return (\r\n \r\n \r\n {moment(item.insertionDate).format(\"LL\")}\r\n \r\n \r\n
\r\n \r\n {item.minSubIndicatorName}\r\n \r\n }\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {item.changeRatePercentDaialy} %\r\n \r\n ) : (\r\n \r\n {item.changeRateDaialy}\r\n
\r\n {item.changeRatePercentDaialy} %\r\n \r\n )}\r\n
\r\n
\r\n أقل سعر
\r\n 52 إسبوع
\r\n أعلى سعر
\r\n \r\n
\r\n \r\n
\r\n \r\n {item.minPriceWithinYear}\r\n
\r\n \r\n {moment(item.minWithinYearDate).locale(\"ar\").format(\"LL\")}\r\n
\r\n {/* {item.minWithinYearDate} */}\r\n \r\n
\r\n \r\n {item.maxPriceWithinYear}\r\n
\r\n \r\n {moment(item.maxWithinYearDate).locale(\"ar\").format(\"LL\")}\r\n
\r\n \r\n
\r\n }\r\n المجموعات السلعية
\r\n \r\n{Item.nameA}
\r\n \r\n \r\n );\r\n })}\r\n {/*الأسعار العالمية
\r\n \r\n\r\n \r\n {item.generalIndicator}\r\n \r\n
\r\n \r\n {item.internationalIndicatorsData.map((innerItem, idx) => {\r\n return (\r\n\r\n {innerItem.avgPrice}\r\n {innerItem.currency} / {innerItem.unit}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {innerItem.indicatorName}\r\n
\r\n \r\n {moment(innerItem.insertionDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n )}\r\n {loading === false && noGlobalPrices && (\r\n لا توجد مجموعات سلعية
\r\n )}\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n المجموعة السلعية :{\" \"}\r\n \r\n {\" \"}\r\n {SubIndicatorInformation.generalIndicatorName}{\" \"}\r\n \r\n
\r\n\r\n السلعة :{\" \"}\r\n {SubIndicatorInformation.subIndicatorName}\r\n
\r\n\r\n الوحدة : {SubIndicatorInformation.unitName}\r\n
\r\n\r\n
\r\n متوسط البيع فى المحافظات
\r\n\r\n {SubIndicatorInformation.avgPrice}\r\n
\r\n\r\n {SubIndicatorInformation.currencyName} /{\" \"}\r\n {SubIndicatorInformation.unitName}\r\n
\r\n\r\n \r\n {\" \"}\r\n أقل سعر {SubIndicatorInformation.minPrice}{\" \"}\r\n \r\n {SubIndicatorInformation.minGovs}\r\n
\r\n \r\n \r\n {\" \"}\r\n أعلى سعر {SubIndicatorInformation.minPrice}{\" \"}\r\n \r\n {SubIndicatorInformation.minGovs}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n أسواق الجملة
\r\n\r\n {\" \"}\r\n {SubIndicatorInformation.wholesaleAvg == 0\r\n ? \"لا يوجد\"\r\n : SubIndicatorInformation.wholesaleAvg}{\" \"}\r\n
\r\n\r\n {\" \"}\r\n {SubIndicatorInformation.wholeSaleCurrency}{\" \"}\r\n {SubIndicatorInformation.wholesaleAvg != 0 ? \"/\" : \"\"}{\" \"}\r\n {SubIndicatorInformation.wholeSaleUnit}\r\n
\r\n\r\n\r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n المنافذ
\r\n\r\n {\" \"}\r\n {SubIndicatorInformation.portAvg == 0\r\n ? \"لا يوجد\"\r\n : SubIndicatorInformation.portAvg}{\" \"}\r\n
\r\n\r\n {SubIndicatorInformation.portCurrency}{\" \"}\r\n {SubIndicatorInformation.portAvg != 0 ? \"/\" : \"\"}{\" \"}\r\n {SubIndicatorInformation.portUnit}\r\n
\r\n\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n الوحدة : {SubIndicatorInformation.unitName}\r\n
\r\nالمصدر : متوسط أسعار المحافظات
\r\n| التاريخ | \r\nأدنى سعر | \r\nأعلى سعر | \r\n
|---|---|---|
| \r\n {\" \"}\r\n {moment(item.insertionDate).format(\"LL\")}\r\n | \r\n\r\n {item.minPrice}\r\n \r\n \r\n {item.minGovs}\r\n \r\n \r\n | \r\n \r\n {item.maxPrice}\r\n \r\n \r\n {item.maxGovs}\r\n \r\n \r\n | \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n المجموعة السلعية\r\n \r\n {props.mainIndicatorItem.generalIndicator}\r\n \r\n
\r\n \r\n
\r\n {props.mainIndicatorItem.unit != \"\" && (\r\n \r\n السلعة\r\n \r\n {props.mainIndicatorItem.mainIndicator}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n الوحدة\r\n {props.mainIndicatorItem.unit}\r\n
\r\n \r\n {moment(props.mainIndicatorItem.insertionDate)\r\n .locale(\"ar\")\r\n .format(\"LL\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n متوسط سعر السلعة
\r\n \r\n \r\n \r\n {props.mainIndicatorItem.avgPrice}\r\n \r\n \r\n {props.mainIndicatorItem.currency}\r\n \r\n
\r\n \r\n \r\n \r\n {props.mainIndicatorItem.minSubInicator}\r\n \r\n \r\n \r\n {props.mainIndicatorItem.minSubInicatorPrice}{\" \"}\r\n \r\n {props.mainIndicatorItem.currency}{\" \"}\r\n {props.mainIndicatorItem.unit != \"\" && /}{\" \"}\r\n {props.mainIndicatorItem.unit}\r\n \r\n
\r\n أدنى سعر للسلعة
\r\n أعلى سعر للسلعة
\r\n \r\n
\r\n \r\n \r\n ) : null}\r\n متوسط سعر العالمي
\r\n \r\n \r\n \r\n {props.mainIndicatorItem.internationalAvg}\r\n \r\n \r\n {props.mainIndicatorItem.currency}\r\n \r\n
\r\n \r\n \r\n نسب التغير فى السعر\r\n \r\n
\r\n \r\n {/* {props.mainIndicatorItem.yesterdayAvgRate !== 0 ? ( */}\r\n\r\n \r\n
\r\n \r\n\r\n \r\n +{props.mainIndicatorItem.yesterdayAvgRate}\r\n \r\n %{props.mainIndicatorItem.yesterdayAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة لليوم السابق
\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {props.mainIndicatorItem.yesterdayAvgRate}\r\n \r\n %{props.mainIndicatorItem.yesterdayAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة لليوم السابق
\r\n \r\n )}\r\n \r\n {/* ) : null} */}\r\n {/* {props.mainIndicatorItem.sameDayLastWeekAvgRate !== 0 ? ( */}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n +{props.mainIndicatorItem.sameDayLastWeekAvgRate}\r\n \r\n %{props.mainIndicatorItem.sameDayLastWeekAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة للإسبوع السابق
\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {props.mainIndicatorItem.sameDayLastWeekAvgRate}\r\n \r\n %{props.mainIndicatorItem.sameDayLastWeekAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة للإسبوع السابق
\r\n \r\n )}\r\n \r\n {/* ) : null} */}\r\n {/* {props.mainIndicatorItem.sameDayLastMonthAvgRate !== 0 ? ( */}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n +{props.mainIndicatorItem.sameDayLastMonthAvgRate}\r\n \r\n %{props.mainIndicatorItem.sameDayLastMonthAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة للشهر السابق
\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {props.mainIndicatorItem.sameDayLastMonthAvgRate}\r\n \r\n %{props.mainIndicatorItem.sameDayLastMonthAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة للشهر السابق
\r\n \r\n )}\r\n \r\n {/* ) : null} */}\r\n {/* {props.mainIndicatorItem.sameDayLastYearAvgRate !== 0 ? ( */}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n +{props.mainIndicatorItem.sameDayLastYearAvgRate}\r\n \r\n %{props.mainIndicatorItem.sameDayLastYearAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة للعام السابق
\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {props.mainIndicatorItem.sameDayLastYearAvgRate}\r\n \r\n %{props.mainIndicatorItem.sameDayLastYearAvgRatePercentage}\r\n \r\n
\r\n \r\n\r\n بالنسبة للعام السابق
\r\n \r\n )}\r\n \r\n {/* ) : null} */}\r\n \r\n المحافظات المنتجة لـ {props.mainIndicatorItem.mainIndicator}\r\n
\r\n \r\n\r\n {governoratesLogos.map((logo, idx) => {\r\n return logo.text ===\r\n item.governorate_E.toLowerCase() ? (\r\n
\r\n \r\n );\r\n })}\r\n {item.governorate_A}
\r\n{item.governorate_E}
\r\n\r\n {probs.mainIndicatorChart.length > 0 && (\r\n // \r\n \r\n (\r\n \r\n متوسط أسعار السلع\r\n \r\n )}\r\n >\r\n {/* \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Chart;\r\n","import React from \"react\";\r\nimport { Row, Col } from \"react-bootstrap\";\r\n\r\nconst SubIndicatorDetails = (props) => {\r\n return (\r\n \r\n \r\n الفئات السلعية\r\n \r\n
\r\n }\r\n \r\n\r\n \r\n \r\n \r\n {item.minPrice}\r\n
\r\n \r\n متوسط السعر\r\n
\r\n \r\n {item.avgPrice}\r\n جنيه\r\n
\r\n \r\n مقارنة باليوم السابق\r\n
\r\n \r\n {item.yesterdayAvgRate > 0 ? (\r\n \r\n +{item.yesterdayAvgRate}\r\n \r\n ) : (\r\n \r\n {item.yesterdayAvgRate}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالإسبوع السابق\r\n\r\n
\r\n \r\n {item.sameDayLastWeekAvgRate > 0 ? (\r\n \r\n +{item.sameDayLastWeekAvgRate}\r\n \r\n ) : (\r\n \r\n {item.sameDayLastWeekAvgRate}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالشهر السابق\r\n\r\n
\r\n \r\n {item.sameDayLastMonthAvgRate > 0 ? (\r\n \r\n +{item.sameDayLastMonthAvgRate}\r\n \r\n ) : (\r\n \r\n {item.sameDayLastMonthAvgRate}\r\n \r\n )}\r\n جنيه\r\n
\r\n \r\n مقارنة بالعام السابق\r\n\r\n
\r\n \r\n {item.sameDayLastYearAvgRate > 0 ? (\r\n \r\n +{item.sameDayLastYearAvgRate}\r\n \r\n ) : (\r\n \r\n {item.sameDayLastYearAvgRate}\r\n \r\n )}\r\n جنيه\r\n
\r\n أدنى سعر
\r\n أعلى سعر
\r\n \r\n السعر بال{item.currency} لكل {item.unit}\r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default SubIndicatorDetails;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\n\r\nimport Select from \"react-select\";\r\n\r\nimport { axios } from \"../../Axios/Axios\";\r\nimport MainIndicatorData from \"../../Pages/Home/Focus-general-indicator/MainIndicatorData\";\r\n\r\nimport MainIndicatorBox from \"./MainIndicatorBox\";\r\nimport PricesChangesRatio from \"./PricesChangesRatio\";\r\nimport ProducingGovernorates from \"./ProducingGovernorates\";\r\nimport Chart from \"./Chart\";\r\nimport \"./MainIndicatorDetails.css\";\r\nimport SubIndicatorDetails from \"./SubIndicatorDetails\";\r\nimport Breadcrumb from \"../../UI/Bread-crumb/Breadcrumb\";\r\n\r\nconst MainIndicatorDetails = (props) => {\r\n //get mainIndicator id from url\r\n //const mainIndicatorItemId = parseInt(props.match.params.indicatorId);\r\n\r\n const [mainIndicatorItem, setMainIndicatorItem] = useState({});\r\n const [mainIndicatorData, setMainIndicatorData] = useState({});\r\n const [producingGovernorates, setProducingGovernorates] = useState();\r\n const [subIndicatorDetails, setSubIndicatorDetails] = useState([]);\r\n const [mainIndicatorOptions, setMainIndicatorOptions] = useState([]);\r\n const [mainIndicatorItemId, setMainIndicatorItemId] = useState(\r\n parseInt(props.match.params.indicatorId)\r\n );\r\n const [mainIndicatorChart, setMainIndicatorChart] = useState([]);\r\n\r\n const getMainIndicator = async () => {\r\n //fetch MainIndicator data\r\n const response = await axios\r\n .get(\r\n `/PricesData/GetMainIndicatorDetails?MainIndicatorId=${mainIndicatorItemId}&classification=${props.location.state.classification}`\r\n )\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setMainIndicatorItem(response.data); // set MainIndicator data to state\r\n }\r\n };\r\n const getMainIndicatorData = async () => {\r\n const response = await axios\r\n .get(`/PricesData/GetMainIndicatorData/${mainIndicatorItemId}`)\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setMainIndicatorData(response.data); // set MainIndicatorData data to state\r\n }\r\n };\r\n\r\n const getProducingGovernorates = async () => {\r\n const response = await axios\r\n .get(`/PricesData/GetProducingGovernorates/${mainIndicatorItemId}`)\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setProducingGovernorates(response.data); // set setProducingGovernorates data to state\r\n }\r\n };\r\n const getSubIndicatorDetails = async () => {\r\n const response = await axios\r\n .get(\r\n `/PricesData/GetSubIndicatorDetailsForMainIndicator/${mainIndicatorItemId}`\r\n )\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setSubIndicatorDetails(response.data); // set SubIndicatorDetails data to state\r\n }\r\n };\r\n\r\n const GetMainIndicatorChart = async () => {\r\n const response = await axios\r\n .get(`/PricesData/GetMainIndicatorDetailsChart/${mainIndicatorItemId}`)\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setMainIndicatorChart(response.data); // set SubIndicatorDetails data to state\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getMainIndicator();\r\n getMainIndicatorData();\r\n getProducingGovernorates();\r\n getSubIndicatorDetails();\r\n getMainIndicatorOptions();\r\n GetMainIndicatorChart();\r\n }, [mainIndicatorItemId]);\r\n\r\n const HandleMainIndicatorchange = (obj) => {\r\n setMainIndicatorItemId(obj.value);\r\n };\r\n\r\n const groupStyles = {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n };\r\n const groupBadgeStyles = {\r\n backgroundColor: \"#EBECF0\",\r\n borderRadius: \"2em\",\r\n color: \"#172B4D\",\r\n display: \"inline-block\",\r\n fontSize: 12,\r\n fontWeight: \"normal\",\r\n lineHeight: \"1\",\r\n minWidth: 1,\r\n padding: \"0.16666666666667em 0.5em\",\r\n textAlign: \"center\",\r\n };\r\n\r\n const formatGroupLabel = (data) => (\r\n \r\n {data.label}\r\n {data.options.length}\r\n
\r\n );\r\n\r\n const getMainIndicatorOptions = async () => {\r\n const response = await axios\r\n .get(`/PricesData/GetMainIndicatorsPerGeneralIndicator`)\r\n .catch((err) => console.log(\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n const temp_mainIndicatorsOptions = [];\r\n response.data.map((item) => {\r\n var Temp_Options = [];\r\n for (var i = 0; i < item.mainIndicators.length; i++) {\r\n Temp_Options.push({\r\n value: item.mainIndicators[i].id,\r\n label: item.mainIndicators[i].name,\r\n });\r\n }\r\n temp_mainIndicatorsOptions.push({\r\n label: item.generalIndicator,\r\n options: Temp_Options,\r\n });\r\n\r\n setMainIndicatorOptions(temp_mainIndicatorsOptions); // set MainIndicatorOptions to state\r\n });\r\n }\r\n };\r\n // props.location.state.source\r\n // let path = props.location.state.source\r\n // ? { text: \"\", path: \"\" }\r\n // : { text: \"المجموعات السلعية\", path: \"/local-prices\" };\r\n const crumbs = [\r\n { text: \"الرئيسية\", path: \"/\" },\r\n { text: \"الأسعار المحلية\", path: `/local-prices/${mainIndicatorItemId}` },\r\n { text: \"المجموعات السلعية\", path: \"/local-prices\" },\r\n // path,\r\n { text: \"السلعة\", path: `/local-prices/${mainIndicatorItemId}` },\r\n ];\r\n\r\n return (\r\n السلعة
\r\n \r\nإتصل بنا
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n