\n
\n \n );\n};\n\nconst mapStateToProps = ({ theme }) => {\n const { topNavColor } = theme;\n return { topNavColor };\n};\n\nexport default connect(mapStateToProps)(TopNav);\n","import React from 'react';\nimport { Spin } from 'antd';\nimport PropTypes from 'prop-types'\nimport { LoadingOutlined } from '@ant-design/icons';\n\nconst Icon = \n\t\t\t
\n\t)\n}\n\nLoading.propTypes = {\n\tsize: PropTypes.string,\n\tcover: PropTypes.string\n}\n\nLoading.defaultProps = {\n\talign: 'center',\n\tcover: 'inline'\n};\n\nexport default Loading","import React from \"react\";\nimport {\n SIDE_NAV_WIDTH,\n SIDE_NAV_COLLAPSED_WIDTH,\n NAV_TYPE_TOP,\n} from \"constants/ThemeConstant\";\nimport { APP_NAME } from \"configs/AppConfig\";\nimport { connect } from \"react-redux\";\nimport utils from \"utils\";\nimport { Grid } from \"antd\";\n\nconst { useBreakpoint } = Grid;\n\nconst getLogoWidthGutter = (props, isMobile) => {\n const { navCollapsed, navType } = props;\n const isNavTop = navType === NAV_TYPE_TOP ? true : false;\n if (isMobile && !props.mobileLogo) {\n return 0;\n }\n if (isNavTop) {\n return \"auto\";\n }\n if (navCollapsed) {\n return `${SIDE_NAV_COLLAPSED_WIDTH}px`;\n } else {\n return `${SIDE_NAV_WIDTH}px`;\n }\n};\n\nconst getLogo = (props) => {\n const { navCollapsed, logoType } = props;\n if (logoType === \"light\") {\n if (navCollapsed) {\n return \"/img/logo-sm-white.png\";\n }\n return \"/img/logo.svg\";\n }\n\n if (navCollapsed) {\n return \"/img/logo-sm.png\";\n }\n return \"/img/logo.svg\";\n};\n\nconst getLogoDisplay = (isMobile, mobileLogo) => {\n if (isMobile && !mobileLogo) {\n return \"d-none\";\n } else {\n return \"logo\";\n }\n};\n\nexport const Logo = (props) => {\n const isMobile = !utils.getBreakPoint(useBreakpoint()).includes(\"lg\");\n return (\n onClose()}>\n
\n \n \n \n
\n \n
\n );\n\n useEffect(() => {\n getUserProfile().then((res) => {\n if (res.status === 200) {\n dispatch(setUserInfo(res.data));\n }\n });\n }, [dispatch]);\n return (\n \n
\n \n {userInfo.fullName?.charAt(0)} \n
\n \n
{moment(userInfo.subscriptionExpiry).format(\"MMM-DD, YYYY\")} : \n {setLocale(true,\"nav.profile.membership.description.part1\")}
{setLocale(true,\"nav.profile.membership.description.part2\")} }\n
\n {userInfo?.fullName}
\n {userInfo.subscription ? \n {setLocale(true,\"nav.profile.membership.text\")}{moment(userInfo.subscriptionExpiry).format(\"MMM-DD, YYYY\")} : \n {setLocale(true,\"nav.profile.membership.description.part1\")}
{setLocale(true,\"nav.profile.membership.description.part2\")} }\n
\n \n
\n \n
\n );\n};\n\nexport default RatesTable;\n","import React, { useEffect, useState } from \"react\";\nimport { RocketOutlined } from \"@ant-design/icons\";\nimport Modal from \"antd/lib/modal/Modal\";\nimport { getInterestRates } from \"constants/ApiConstant\";\nimport RatesTable from \"./RatesTable\";\nimport { Menu, Tooltip } from \"antd\";\nimport setLocale from \"constants/Translate\";\n\nconst InterestRates = () => {\n const [isModalVisible, setIsModalVisible] = useState(false);\n const [interestRatesData, setInterestRatesData] = useState([]);\n\n const showModal = () => {\n setIsModalVisible(true);\n };\n\n const handleOk = () => {\n setIsModalVisible(false);\n };\n\n const handleCancel = () => {\n setIsModalVisible(false);\n };\n\n useEffect(() => {\n const rows = [];\n\n getInterestRates().then((res) => {\n if (res.status === 200) {\n res.data?.map(\n (\n {\n bankName,\n currency,\n interestRate,\n nextMeeting,\n probabilityOfChange,\n probabilityOfNotChange,\n forecast,\n flag,\n },\n index\n ) => {\n return rows.push({\n key: index,\n bankName,\n currency,\n interestRate,\n nextMeeting,\n probabilityOfChange,\n probabilityOfNotChange,\n forecast,\n flag,\n });\n }\n );\n setInterestRatesData(rows);\n }\n });\n return () => {\n setInterestRatesData([]);\n };\n }, [isModalVisible]);\n\n return (\n <>\n \n \n
\n \n );\n};\n\nconst mapStateToProps = ({ theme }) => {\n const {\n navCollapsed,\n navType,\n headerNavColor,\n mobileNav,\n currentTheme,\n direction,\n } = theme;\n return {\n navCollapsed,\n navType,\n headerNavColor,\n mobileNav,\n currentTheme,\n direction,\n };\n};\n\nexport default connect(mapStateToProps, {\n toggleCollapsedNav,\n onMobileNavToggle,\n})(HeaderNav);\n","import React, { Component } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Breadcrumb } from 'antd';\nimport navigationConfig from \"configs/NavigationConfig\";\nimport IntlMessage from 'components/util-components/IntlMessage';\n\nlet breadcrumbData = { \n\t'/app' : \n
\n \n
\n - \n {isNavTop && !isMobile ? null : (\n
\n {/*
\n {/* \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t)\n\t\t: null\n\t)\n}\n\nexport default PageHeader","import React from \"react\";\nimport { APP_NAME } from \"configs/AppConfig\";\nconst style = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"4rem\",\n background: \"#383838\",\n color: \"#fff\",\n};\nexport default function Footer() {\n return (\n \n );\n}\n","import React, { lazy, Suspense } from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport Loading from \"components/shared-components/Loading\";\nimport { APP_PREFIX_PATH } from \"configs/AppConfig\";\n\nexport const AppViews = () => {\n return (\n \n\t\t\t\t\t
\n\t\t\t\t\n \n \n
\n \n \n\t\t\t\n\t\t\t\t \n\t\t
\n\t)\n}\n\n\nexport default AuthLayout\n","import {useEffect} from 'react';\n\nconst addBodyClass = className => document.body.classList.add(className);\nconst removeBodyClass = className => document.body.classList.remove(className);\n\nexport default function useBodyClass(className) {\n useEffect(\n\t\t\t() => {\n\t\t\t\t// Set up\n\t\t\t\tclassName instanceof Array ? className.map(addBodyClass) : addBodyClass(className);\n\n\t\t\t\t// Clean up\n\t\t\t\treturn () => {\n\t\t\t\t\t\tclassName instanceof Array ? className.map(removeBodyClass) : removeBodyClass(className);\n\t\t\t\t};\n\t\t\t},\n\t\t\t[className]\n );\n}","import React from \"react\";\nimport { Route, Switch, Redirect, withRouter } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport AppLayout from \"layouts/app-layout\";\nimport AuthLayout from \"layouts/auth-layout\";\nimport AppLocale from \"lang\";\nimport { IntlProvider } from \"react-intl\";\nimport { ConfigProvider } from \"antd\";\nimport { APP_PREFIX_PATH, AUTH_PREFIX_PATH } from \"configs/AppConfig\";\nimport useBodyClass from \"hooks/useBodyClass\";\n\nexport const Views = (props) => {\n const { locale, location, direction } = props;\n const currentAppLocale = AppLocale[locale];\n useBodyClass(`dir-${direction}`);\n return (\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport 'css/index.css';\n\nReactDOM.render(