improvement: change page names

frontend/src/components/_layout/MainListItems.js

@@ -43,8 +43,8 @@ const MainListItems = () => {
 		<div>
 			<ListItemLink to="/" primary="Dashboard" icon={<DashboardIcon />} />
 			<ListItemLink
-				to="/whatsapps"
-				primary="WhatsApps"
+				to="/connections"
+				primary="Connections"
 				icon={<SyncAltIcon />}
 			/>
 			<ListItemLink

frontend/src/pages/Connections/index.js

@@ -84,7 +84,7 @@ const useStyles = makeStyles(theme => ({
 	},
 }));
 
-const WhatsApps = () => {
+const Connections = () => {
 	const classes = useStyles();
 
 	const [whatsApps, dispatch] = useReducer(reducer, []);
@@ -211,7 +211,7 @@ const WhatsApps = () => {
 				whatsAppId={selectedWhatsApp && !qrModalOpen && selectedWhatsApp.id}
 			/>
 			<MainHeader>
-				<Title>WhatsApps</Title>
+				<Title>Connections</Title>
 				<MainHeaderButtonsWrapper>
 					<Button
 						variant="contained"
@@ -294,4 +294,4 @@ const WhatsApps = () => {
 	);
 };
 
-export default WhatsApps;
+export default Connections;

frontend/src/routes/index.js

@@ -7,7 +7,7 @@ import Dashboard from "../pages/Dashboard/";
 import Tickets from "../pages/Tickets/";
 import Signup from "../pages/Signup/";
 import Login from "../pages/Login/";
-import WhatsApps from "../pages/WhatsApps/";
+import Connections from "../pages/Connections/";
 import Settings from "../pages/Settings/";
 import Users from "../pages/Users";
 import Contacts from "../pages/Contacts/";
@@ -29,7 +29,12 @@ const Routes = () => {
 							component={Tickets}
 							isPrivate
 						/>
-						<Route exact path="/whatsapps" component={WhatsApps} isPrivate />
+						<Route
+							exact
+							path="/connections"
+							component={Connections}
+							isPrivate
+						/>
 						<Route exact path="/contacts" component={Contacts} isPrivate />
 						<Route exact path="/users" component={Users} isPrivate />
 						<Route exact path="/Settings" component={Settings} isPrivate />