how to translate the sider
// Package Imports
import React from 'react';
import {
ThemedSiderV2,
type RefineThemedLayoutV2SiderProps,
} from '@refinedev/antd';
import { useMenu } from '@refinedev/core';
// Project Imports
import { Images } from 'core/common/imagePath';
const CustomSider: React.FC<RefineThemedLayoutV2SiderProps> = () => {
const { menuItems } = useMenu();
console.log(menuItems, 'menuItems');
return (
<ThemedSiderV2
Title={({ collapsed }) => (
<div>
{collapsed ? (
<img width="60px" src={Images.veriLogo} />
) : (
<div>
<img width="100px" src={Images.horiLogo} />
</div>
)}
</div>
)}
render={({ items, logout }) => (
<>
{items}
{logout}
</>
)}
/>
);
};
export default CustomSider;
have used the above code for custom sider , want to translate on the basis of language select , how can it be achieved
import React from 'react';
import {
ThemedSiderV2,
type RefineThemedLayoutV2SiderProps,
} from '@refinedev/antd';
import { useMenu } from '@refinedev/core';
// Project Imports
import { Images } from 'core/common/imagePath';
const CustomSider: React.FC<RefineThemedLayoutV2SiderProps> = () => {
const { menuItems } = useMenu();
console.log(menuItems, 'menuItems');
return (
<ThemedSiderV2
Title={({ collapsed }) => (
<div>
{collapsed ? (
<img width="60px" src={Images.veriLogo} />
) : (
<div>
<img width="100px" src={Images.horiLogo} />
</div>
)}
</div>
)}
render={({ items, logout }) => (
<>
{items}
{logout}
</>
)}
/>
);
};
export default CustomSider;
have used the above code for custom sider , want to translate on the basis of language select , how can it be achieved
