diff --git a/apps/govern/components/Contract/index.tsx b/apps/govern/components/Contract/index.tsx
index 33ef5800..cb37d5af 100644
--- a/apps/govern/components/Contract/index.tsx
+++ b/apps/govern/components/Contract/index.tsx
@@ -1,4 +1,5 @@
import { Alert, Card, Flex, Skeleton, Space, Typography } from 'antd';
+import Head from 'next/head';
import { useRouter } from 'next/router';
import styled from 'styled-components';
import { StakingContract } from 'types';
@@ -129,8 +130,15 @@ export const ContractPage = () => {
}
return (
-
-
-
+ <>
+
+ Govern | {contract.metadata.name}
+
+
+
+
+
+
+
);
};
diff --git a/apps/operate/components/Layout/Menu.tsx b/apps/operate/components/Layout/Menu.tsx
index 9a1396f3..e0803791 100644
--- a/apps/operate/components/Layout/Menu.tsx
+++ b/apps/operate/components/Layout/Menu.tsx
@@ -3,7 +3,6 @@ import { MenuItemType } from 'antd/es/menu/hooks/useItems';
import { useRouter } from 'next/router';
import { FC, useEffect, useState } from 'react';
-
const items: MenuItemType[] = [
{ label: 'Live staking contracts', key: 'contracts' },
{ label: 'Agents', key: 'agents' },
diff --git a/apps/operate/components/Layout/index.tsx b/apps/operate/components/Layout/index.tsx
index 718dc442..eccb7bc9 100644
--- a/apps/operate/components/Layout/index.tsx
+++ b/apps/operate/components/Layout/index.tsx
@@ -3,14 +3,14 @@ import { FC, ReactNode } from 'react';
import { Footer } from './Footer';
import { LogoSvg } from './Logos';
-import { CustomLayout, Logo, OlasHeader } from './styles';
import { NavigationMenu } from './Menu';
+import { CustomLayout, Logo, OlasHeader } from './styles';
const { Content } = AntdLayout;
-interface LayoutProps {
+type LayoutProps = {
children?: ReactNode;
-}
+};
export const Layout: FC = ({ children }) => {
return (
diff --git a/libs/ui-theme/src/lib/GlobalStyles.tsx b/libs/ui-theme/src/lib/GlobalStyles.tsx
index 1d9f8d2b..58423950 100644
--- a/libs/ui-theme/src/lib/GlobalStyles.tsx
+++ b/libs/ui-theme/src/lib/GlobalStyles.tsx
@@ -18,8 +18,8 @@ export const GlobalStyles = createGlobalStyle`
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
+ /* uncomment for dark mode */
html {
- /* uncomment for dark mode */
/* background-color: ${COLOR.WHITE}; */
/* filter: invert(0.85) hue-rotate(180deg); */
}
@@ -217,6 +217,7 @@ export const GlobalStyles = createGlobalStyle`
}
}
+ /* tooltip */
.ant-tooltip-content .ant-tooltip-inner {
padding: 12px;
}
diff --git a/libs/ui-theme/src/lib/ui-theme.spec.tsx b/libs/ui-theme/src/lib/ui-theme.spec.tsx
index c7b2efaf..9dde2289 100644
--- a/libs/ui-theme/src/lib/ui-theme.spec.tsx
+++ b/libs/ui-theme/src/lib/ui-theme.spec.tsx
@@ -1,11 +1,12 @@
-import React from 'react';
import { render } from '@testing-library/react';
+import React from 'react';
import { AutonolasThemeProvider } from './ThemeConfig';
-describe('UiTheme', () => {
+describe('', () => {
it('should render successfully', () => {
- const { baseElement } = render();
+ const { baseElement } = render();
+
expect(baseElement).toBeTruthy();
});
});