diff --git a/client/src/routes/Faucet/index.module.scss b/client/src/routes/Faucet/index.module.scss index ef195d0..e4f1512 100644 --- a/client/src/routes/Faucet/index.module.scss +++ b/client/src/routes/Faucet/index.module.scss @@ -3,5 +3,5 @@ .actions { display: grid; gap: $spacer / 2; - grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } diff --git a/client/src/routes/Faucet/index.test.tsx b/client/src/routes/Faucet/index.test.tsx index 0310b89..7b5dbdc 100644 --- a/client/src/routes/Faucet/index.test.tsx +++ b/client/src/routes/Faucet/index.test.tsx @@ -3,7 +3,7 @@ import { render, fireEvent } from '@testing-library/react' import { MemoryRouter } from 'react-router' import { createMemoryHistory, createLocation } from 'history' import Faucet from '.' -import { User } from '../../context' +import { User, Market } from '../../context' import { userMockConnected } from '../../../__mocks__/user-mock' const history = createMemoryHistory() @@ -12,13 +12,22 @@ const location = createLocation('/faucet') const setup = () => { const utils = render( - - - + + + + + ) const button = utils.getByText('Request ETH') @@ -49,6 +58,6 @@ describe('Faucet', () => { fireEvent.click(button) expect(userMockConnected.requestFromFaucet).toHaveBeenCalledTimes(1) // check for spinner - expect(getByText('Getting Ether...')).toBeInTheDocument() + expect(getByText('Getting ETH...')).toBeInTheDocument() }) }) diff --git a/client/src/routes/Faucet/index.tsx b/client/src/routes/Faucet/index.tsx index af081dc..5cc64e0 100644 --- a/client/src/routes/Faucet/index.tsx +++ b/client/src/routes/Faucet/index.tsx @@ -14,7 +14,9 @@ function Faucet() { return (