Skip to content

Commit

Permalink
Add Github link and copyright text to Popup.tsx
Browse files Browse the repository at this point in the history
Imported 'Button', 'Text' and 'IconBrandGithub' from '@mantine/core' and '@tabler/icons-react' to 'Popup.tsx'. These were used to add an additional section at the end of the popup that consists of a copyright note and a button that links to a Github page. This change provides users with easily accessible information about the source of the application, and adds a quick way for them to contribute or report issues.
  • Loading branch information
jgoedde committed Oct 28, 2023
1 parent c2bec23 commit 1b08759
Showing 1 changed file with 21 additions and 1 deletion.
22 changes: 21 additions & 1 deletion src/pages/popup/Popup.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,14 @@ import withSuspense from '@src/shared/hoc/withSuspense';
import withErrorBoundary from '@src/shared/hoc/withErrorBoundary';
import { NoChaynsEnvFound } from '@pages/popup/chayns-env/NoChaynsEnvFound';
import { useChaynsEnvData } from '@pages/popup/chayns-env/useChaynsEnvData';
import { Anchor, Avatar, Box, Center, Divider, Group, Table, Title } from '@mantine/core';
import { Anchor, Avatar, Box, Button, Center, Divider, Group, Table, Text, Title } from '@mantine/core';
import { CopyableDataRow } from '@pages/popup/copyable/CopyableDataRow';
import { PersonFinderButton } from '@pages/popup/person-finder/PersonFinderButton';
import { LocationFinderButton } from '@pages/popup/location-finder/LocationFinderButton';
import { AccessTokenStatus } from '@pages/popup/access-token/AccessTokenStatus';
import { useIsAccessTokenAvailable } from '@pages/popup/access-token/useIsAccessTokenAvailable';
import { NotLoggedInAlert } from '@pages/popup/NotLoggedInAlert';
import { IconBrandGithub, IconSettings } from '@tabler/icons-react';

const Popup = () => {
const { data } = useChaynsEnvData();
Expand Down Expand Up @@ -82,6 +83,25 @@ const Popup = () => {
<LocationFinderButton />
</Box>
)}
<Box mt={'md'}>
<Divider />
<Group>
<Text size={'sm'} c={'#999'}>
© 2023 | Julian Gödde
</Text>
<Button
variant={'subtle'}
c={'gray'}
leftSection={<IconBrandGithub />}
onClick={() => {
void chrome.tabs.create({
url: 'https://github.com/jgoedde/chayns-web-devtools',
});
}}>
Github
</Button>
</Group>
</Box>
</>
);
};
Expand Down

0 comments on commit 1b08759

Please sign in to comment.