Main.js

import React from 'react';

// ....
// Import all pages here
// ....

const routes = [

  { path: '/dashboard', name: 'Dashboard', component: Dashboard },

  { path: '/departments/new', exact: true, name: 'Add Community', component: AddDepartment },
  { path: '/departments/:id', name: 'Update Community', component: AddDepartment },
  { path: '/departments', name: 'Departments', component: Departments },

  { path: '/news', name: 'Bulletin', component: News },

  { path: '/live', name: 'Live Stream', component: Live },

  { path: '/guests', name: 'Testimonies', component: Guests },

  { path: '/articles', name: 'Inspiration', component: Articles },

  { path: '/menus', name: 'Lunch', component: Menus },
  
];

export default routes;

User.js

import React from 'react';

const routes = [

];

export default routes;