Merge 6aaa96305d
into bb1aed919a
This commit is contained in:
commit
bdc1979e39
|
@ -1,2 +0,0 @@
|
||||||
node_modules
|
|
||||||
app/Dockerfile
|
|
|
@ -0,0 +1,25 @@
|
||||||
|
services:
|
||||||
|
app:
|
||||||
|
image: node:18-alpine
|
||||||
|
command: sh -c "yarn install && yarn run dev"
|
||||||
|
ports:
|
||||||
|
- 3000:3000
|
||||||
|
working_dir: /app
|
||||||
|
volumes:
|
||||||
|
- ./:/app
|
||||||
|
environment:
|
||||||
|
MYSQL_HOST: mysql
|
||||||
|
MYSQL_USER: root
|
||||||
|
MYSQL_PASSWORD: secret
|
||||||
|
MYSQL_DB: todos
|
||||||
|
|
||||||
|
mysql:
|
||||||
|
image: mysql:8.0
|
||||||
|
volumes:
|
||||||
|
- todo-mysql-data:/var/lib/mysql
|
||||||
|
environment:
|
||||||
|
MYSQL_ROOT_PASSWORD: secret
|
||||||
|
MYSQL_DATABASE: todos
|
||||||
|
|
||||||
|
volumes:
|
||||||
|
todo-mysql-data:
|
|
@ -8,7 +8,7 @@
|
||||||
<link rel="stylesheet" href="css/font-awesome/all.min.css" crossorigin="anonymous" />
|
<link rel="stylesheet" href="css/font-awesome/all.min.css" crossorigin="anonymous" />
|
||||||
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet" />
|
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet" />
|
||||||
<link rel="stylesheet" href="css/styles.css" />
|
<link rel="stylesheet" href="css/styles.css" />
|
||||||
<title>Todo App</title>
|
<title>The Awesome Todo App</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|
|
@ -106,7 +106,7 @@ function AddItemForm({ onNewItem }) {
|
||||||
disabled={!newItem.length}
|
disabled={!newItem.length}
|
||||||
className={submitting ? 'disabled' : ''}
|
className={submitting ? 'disabled' : ''}
|
||||||
>
|
>
|
||||||
{submitting ? 'Adding...' : 'Add Item'}
|
{submitting ? 'Adding...' : 'Add'}
|
||||||
</Button>
|
</Button>
|
||||||
</InputGroup.Append>
|
</InputGroup.Append>
|
||||||
</InputGroup>
|
</InputGroup>
|
||||||
|
|
Loading…
Reference in New Issue