Skip to content

Update the footer issue 4075 #4077

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bosko-m merged 2 commits into from
Sep 12, 2025
Merged

Update the footer issue 4075 #4077

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
614522f
Update the footer issue 4075
mirekzielinski Sep 12, 2025
1c43647
Update the footer for GovTool issue 4075
mirekzielinski Sep 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
158 changes: 123 additions & 35 deletions govtool/analytics-dashboard/src/app/[locale]/page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,78 +1,156 @@
'use client';

import { Grid, Card, CardContent, Typography, Box } from '@mui/material';
import { PeopleAltOutlined, ArticleOutlined, AccountBalanceWalletOutlined, HowToVoteOutlined, PersonOutline, BalanceOutlined } from '@mui/icons-material';
import {
PeopleAltOutlined,
ArticleOutlined,
AccountBalanceWalletOutlined,
HowToVoteOutlined,
PersonOutline,
BalanceOutlined,
} from '@mui/icons-material';
import { useTheme } from '@mui/material/styles';
import getGoogleData from '@/lib/api';
import { useEffect, useState } from 'react';
import { Link } from '@/navigation';

function Dashboard() {

const [stats, setStats] = useState([
// { title: 'Total users', value: 0, Icon: PeopleAltOutlined },
{ title: 'Unique users', value: 0, Icon: PeopleAltOutlined },
{ title: 'Wallet connections', value: 0, Icon: AccountBalanceWalletOutlined },
{
title: 'Wallet connections',
value: 0,
Icon: AccountBalanceWalletOutlined,
},
{ title: 'Proposal views', value: 0, Icon: ArticleOutlined },
{ title: 'DRep Registrations', value: 0, Icon: PersonOutline },
{ title: 'Votes submitted', value: 0, Icon: HowToVoteOutlined },
{ title: 'Delegations', value: 0, Icon: BalanceOutlined }
])

{ title: 'Delegations', value: 0, Icon: BalanceOutlined },
]);

const fetchData = async () => {
const resp = await getGoogleData()
const resp = await getGoogleData();
const statMap = resp.reduce((acc, event) => {
acc[event.eventName] = event.eventCount;
return acc;
}, {});

let statsTemplate = [
// { title: 'Total users', value: statMap['user_engagement'], Icon: PeopleAltOutlined },
{ title: 'Unique users', value: statMap['first_visit'], Icon: PeopleAltOutlined },
{ title: 'Wallet connections', value: +statMap['Connect wallet'] + +statMap['Connect your wallet'], Icon: AccountBalanceWalletOutlined },
{ title: 'Proposal views', value: statMap['View proposal details'], Icon: ArticleOutlined },
{ title: 'DRep Registrations', value: statMap['Register'], Icon: PersonOutline },
{ title: 'Votes submitted', value: statMap['Vote'], Icon: HowToVoteOutlined },
{ title: 'Delegations', value: statMap['Delegate'], Icon: BalanceOutlined },
{
title: 'Unique users',
value: statMap['first_visit'],
Icon: PeopleAltOutlined,
},
{
title: 'Wallet connections',
value:
+statMap['Connect wallet'] +
+statMap['Connect your wallet'],
Icon: AccountBalanceWalletOutlined,
},
{
title: 'Proposal views',
value: statMap['View proposal details'],
Icon: ArticleOutlined,
},
{
title: 'DRep Registrations',
value: statMap['Register'],
Icon: PersonOutline,
},
{
title: 'Votes submitted',
value: statMap['Vote'],
Icon: HowToVoteOutlined,
},
{
title: 'Delegations',
value: statMap['Delegate'],
Icon: BalanceOutlined,
},
];
setStats(statsTemplate)
}
setStats(statsTemplate);
};

useEffect(() => {
fetchData()
}, [])


fetchData();
}, []);

const theme = useTheme();

return (
<Box display="flex" flexDirection="column" alignItems="center" justifyContent="space-between" height="100%" sx={{ color: (theme) => theme?.palette?.text?.black }}>
<Box display="flex" flexDirection="column" alignItems="start" gap={5} padding={5}>
<Box display="flex" flexDirection="column" alignItems="start" gap={1}>
<Box
display="flex"
flexDirection="column"
alignItems="center"
justifyContent="space-between"
height="100%"
sx={{ color: (theme) => theme?.palette?.text?.black }}
>
<Box
display="flex"
flexDirection="column"
alignItems="start"
gap={5}
padding={5}
>
<Box
display="flex"
flexDirection="column"
alignItems="start"
gap={1}
>
<Typography variant="h5" component="h1">
SanchoNet Govtool
</Typography>
<Typography variant="h4" component="h2">
Participation Dashboard
</Typography>
<Typography variant="subtitle1" sx={{ color: (theme) => theme?.palette?.text?.gray }}>
This dashboard shows the overall participation and usage of SanchoNet Govtool from 1st of December 2023
<Typography
variant="subtitle1"
sx={{ color: (theme) => theme?.palette?.text?.gray }}
>
This dashboard shows the overall participation and usage
of SanchoNet Govtool from 1st of December 2023
</Typography>
</Box>


<Grid container spacing={4}>
{stats.map((stat, index) => (
<Grid item xs={12} sm={12} md={6} key={index}>
<Card
sx={{ background: (theme) => theme?.palette?.background?.info, width: '100%' }}
sx={{
background: (theme) =>
theme?.palette?.background?.info,
width: '100%',
}}
>
<CardContent sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%' }}>
<stat.Icon style={{ fontSize: 60, color: theme?.palette?.text?.black, paddingBottom: 20 }} />

<Typography variant="subtitle1" sx={{ color: (theme) => theme?.palette?.text?.gray }}>
<CardContent
sx={{
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
height: '100%',
}}
>
<stat.Icon
style={{
fontSize: 60,
color: theme?.palette?.text?.black,
paddingBottom: 20,
}}
/>

<Typography
variant="subtitle1"
sx={{
color: (theme) =>
theme?.palette?.text?.gray,
}}
>
{stat.title}
</Typography>
<Typography variant="h4">
Expand All @@ -85,18 +163,28 @@ function Dashboard() {
</Grid>
</Box>

<Box display="flex" flexDirection="column" alignItems="center" padding={2}>
<Box
display="flex"
flexDirection="column"
alignItems="center"
padding={2}
>
<Typography variant="caption" display="block" gutterBottom>
© {new Date().getFullYear()} Intersect MBO
© {new Date().getFullYear()} GovTool
</Typography>
<Link href="https://sanchogov.tools/">
<Typography variant="caption" display="block" sx={{ color: (theme) => theme?.palette?.text?.primaryBlue }}>
<Typography
variant="caption"
display="block"
sx={{
color: (theme) => theme?.palette?.text?.primaryBlue,
}}
>
Sancho Govtool
</Typography>
</Link>
</Box>

</Box >
</Box>
);
}

Expand Down
2 changes: 1 addition & 1 deletion govtool/frontend/src/i18n/locales/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -377,7 +377,7 @@
}
},
"footer": {
"copyright": "© {{year}} Intersect MBO",
Copy link
Copy Markdown
Contributor

@bosko-m bosko-m Sep 12, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should be GovTool, not Intersect MBO

"copyright": "© {{year}} GovTool",
"privacyPolicy": "Privacy policy",
"termOfService": "Terms of Use"
},
Expand Down
2 changes: 1 addition & 1 deletion govtool/frontend/src/stories/Footer.stories.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export const FooterComponent: Story = {

const nowDate = new Date();
await expect(
canvas.getByText(`© ${nowDate.getFullYear()} Intersect MBO`),
canvas.getByText(`© ${nowDate.getFullYear()} GovTool`),
).toBeInTheDocument();
await userEvent.click(canvas.getByTestId("privacy-policy-footer-link"));
await expect(window.open).toHaveBeenCalledTimes(1);
Expand Down