diff --git a/items/frontend/src/components/Footer.tsx b/items/frontend/src/components/Footer.tsx
index 82a1f97..e2f7541 100644
--- a/items/frontend/src/components/Footer.tsx
+++ b/items/frontend/src/components/Footer.tsx
@@ -1,23 +1,23 @@
-import { Box, Theme, Typography } from '@mui/material'
-import { makeStyles } from '@mui/styles'
+import {Box, Typography} from '@mui/material'
+import {makeStyles} from '@mui/styles'
-const useStyles = makeStyles((theme: Theme) => ({
- footerHolder: {
- display: 'flex',
- flex: '0 1 3vh',
- flexDirection: 'row',
- alignItems: 'center',
- justifyContent: 'center',
- padding: '0 10vw 0 10vw'
- }
+const useStyles = makeStyles(() => ({
+ footerHolder: {
+ display: 'flex',
+ flex: '0 1 3vh',
+ flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'center',
+ padding: '0 10vw 0 10vw'
+ }
}))
export const Footer = () => {
- const classes = useStyles()
+ const classes = useStyles()
- return (
-
- SPT-Aki ©2021 Created by Rev and Shirito
-
- )
+ return (
+
+
+
+ )
}
diff --git a/items/frontend/src/cypress/integration/footer.spec.tsx b/items/frontend/src/cypress/integration/footer.spec.tsx
index ec80972..74ebb72 100644
--- a/items/frontend/src/cypress/integration/footer.spec.tsx
+++ b/items/frontend/src/cypress/integration/footer.spec.tsx
@@ -4,7 +4,7 @@ describe('Footer', () => {
it('footer should be visible', () => {
cy.visit('/');
- cy.get('.makeStyles-footerHolder-63 > .MuiTypography-root').should('be.visible')
- cy.get('.makeStyles-footerHolder-63 > .MuiTypography-root').should('have.text', 'SPT-Aki ©2021 Created by Rev and Shirito');
+ cy.get('#footer').should('be.visible')
+ cy.get('#footer').should('have.text', 'SPT-Aki ©2021 Created by Rev and Shirito');
})
})