All files / src/components/layouts Footer.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1x
1x
 
 
1x
 
1x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Launch as LaunchIcon } from '@mui/icons-material';
import { AppBar, Box, Link, Stack, Typography } from '@mui/material';
import React from 'react';
 
import { links, meta } from '@/constants';
 
export const Footer = () => (
  <AppBar component="footer" sx={{ position: 'static', display: 'block', p: 2 }}>
    {/* README */}
    <Box sx={{ display: 'flex', justifyContent: 'center', pb: 1 }} data-testid="Footer__ReadMe">
      <Link href={links.readme} target="_blank" color="text.secondary">
        <Stack direction="row" gap={0.5} sx={{ alignItems: 'center' }}>
          <LaunchIcon sx={{ fontSize: 14 }} />
          <Typography sx={{ fontSize: 14 }}>README</Typography>
        </Stack>
      </Link>
    </Box>
    {/* Copyright */}
    <Typography sx={{ textAlign: 'center', color: 'grey.400', fontSize: 14 }} data-testid="Footer__Copyright">
      {meta.copyright}
    </Typography>
    {/* Commit Hash */}
    <Typography sx={{ textAlign: 'center', color: 'grey.800', fontSize: 12 }} data-testid="Footer__Sha">
      sha: {process.env.REACT_APP_COMMIT_SHA}
    </Typography>
  </AppBar>
);