Adding Dashboard and locale

[Villva-vinoth]

Can someone guide me ! how to display our own dashboard in the dashboard screen and want to customization of our own locale

import AdminJSExpress from '@adminjs/express';
import AdminJS, { ComponentLoader } from 'adminjs';
import express from 'express';
import sequelize from './database.js';
import Employee from './employee.model.js';

const PORT = 3000;

const employees = {
resource: Employee,
options: {
name: "Employee Management",
}
};

const start = async () => {
const app = express();

try {
    await sequelize.authenticate();
    await sequelize.sync();
    console.log("Connected to the database");
} catch (error) {
    console.error("Unable to connect to the database:", error);
}


const componentLoader = new ComponentLoader()

const Components = {
    Dashboard: componentLoader.add('Dashboard', './CustomDashboard.jsx'),
}

const locale = {
    language: 'en',
    translations: {
        labels: {
            Employee: 'Employees'
        },
        actions: {
            new: 'Create New Employee',
            save: 'Save Changes'
        },
        buttons: {
            save: 'Save Changes'
        },

    }
};

const adminOptions = {
    rootPath: '/',
    databases: [sequelize],
    resources: [employees],
    locale: locale,
    componentLoader,
    dashboard: {
        component: Components.Dashboard
    }

};

const admin = new AdminJS(adminOptions);

const adminRouter = AdminJSETempletesxpress.buildRouter(admin);
app.use(admin.options.rootPath, adminRouter);

app.listen(PORT, () => {
    console.log(`AdminJS started on http://localhost:${PORT}${admin.options.rootPath}`);
});

};

start();

this was my app.js andi have db and custom Dashboard jsx file and having model

If i run the program

run successfully but with the default dashboard and default locale