remove redundant section

chriswilty · Apr 9, 2024 · 06ae074 · 06ae074
1 parent e5115ea
commit 06ae074
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 27 deletions.
diff --git a/.github/workflows/github-pages.yml b/.github/workflows/github-pages.yml
@@ -11,17 +11,16 @@ jobs:
  matrix:
  node-version: [18.x]
  steps:
- - uses: actions/checkout@v3
- - name: Use Node.js ${{ matrix.node-version }}
- uses: actions/setup-node@v3
- with:
- node-version: ${{ matrix.node-version }}
- cache: 'npm'
- - run: npm ci
- - run: npm run build --if-present
- - name: Deploy
- uses: peaceiris/actions-gh-pages@v3
- with:
- github_token: ${{ secrets.GITHUB_TOKEN }}
- publish_dir: ./dist
-
+ - uses: actions/checkout@v3
+ - name: Use Node.js ${{ matrix.node-version }}
+ uses: actions/setup-node@v3
+ with:
+ node-version: ${{ matrix.node-version }}
+ cache: 'npm'
+ - run: npm ci
+ - run: npm run build --if-present
+ - name: Deploy
+ uses: peaceiris/actions-gh-pages@v3
+ with:
+ github_token: ${{ secrets.GITHUB_TOKEN }}
+ publish_dir: ./dist
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
  <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Counter Demo</title>
+ <title>Disabled Buttons Demo</title>
  </head>
  <body>
  <div id="root"></div>

diff --git a/src/App.css b/src/App.css
@@ -5,8 +5,7 @@ body {
  justify-content: center;
 }
 
-main,
-main section {
+main {
  display: grid;
  align-items: center;
  gap: 0.75rem;

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import './App.css';
 
-function App() {
+const App = () => {
  const [count, setCount] = useState(0);
  const downIsDisabled = count <= 0;
 
@@ -12,14 +12,10 @@ function App() {
 
  return (
  <main>
- <section aria-labelledby="count-heading">
- <h1 id="count-heading" className="boxed">
- Counter
- </h1>
- <div aria-live="polite" className="value boxed">
- {count}
- </div>
- </section>
+ <h1 className="boxed">Counter</h1>
+ <div aria-description="value" aria-live="polite" className="value boxed">
+ {count}
+ </div>
  <div className="control-box">
  <button
  aria-disabled={downIsDisabled}
@@ -44,6 +40,6 @@ function App() {
  </div>
  </main>
  );
-}
+};
 
 export default App;