Add left menu to page.tsx

sweep-ai[bot] commented 1 year ago

PR Feedback (click)

[ ] 👍 Sweep Did Well
[ ] 👎 Sweep Needs Improvement
Description

This PR adds a left menu to the page.tsx file. The left menu is a light grey color and extends all the way down the left side of the page. It contains three menu items with icon placeholders and text. The left menu is placed below the title-bar.tsx component but next to the card components.

Summary of Changes

Created a new component called left-menu.tsx in the app/components directory.
Modified the page.tsx file to import and include the LeftMenu component.
Styled the LeftMenu component to have a light grey background color and extend down the left side of the page.
Added three menu items with icon placeholders and text to the LeftMenu component.
Ensured that the layout of the page is not affected by the addition of the left menu.

Please review and merge this PR to add the left menu functionality to the page.tsx file.

Fixes #13.

🎉 Latest improvements to Sweep:

Sweep can now passively improve your repository! Check out Rules to learn more.

💡 To get Sweep to edit this pull request, you can:

Comment below, and Sweep can edit the entire PR
Comment on a file, Sweep will only modify the commented file
Edit the original issue to get Sweep to recreate the PR from scratch

sweep-ai[bot] commented 1 year ago

Sandbox Executions

[X] Check app/components/left-menu.tsx ✗

Sandbox logs for

trunk fmt app/components/left-menu.tsx || exit 0 1/2 ✓

  FAILURES  
 prettier  app/components/left-menu.tsx  .trunk/out/rgigH.yaml
  NOTICES  
 A tool failed to run. You can open the details yaml file for more information.
Checked 0 files
✖ No issues, 1 failure

trunk check --fix --print-failures app/components/left-menu.tsx 2/2 ❌ (`1`)

  ISSUES  
app/components/left-menu.tsx:24:0
 24:0  high  Parsing error: Declaration or statement expected.  eslint/
  FAILURES  
 prettier  app/components/left-menu.tsx  .trunk/out/61ei2.yaml
  NOTICES  
 A tool failed to run. You can open the details yaml file for more information.
Checked 1 file
✖ 1 new issue
# .trunk/out/61ei2.yaml
trunk_cli_version: 1.17.1
title: prettier exited with exit_code=2
report:
  - prettier exited with exit_code=2
  - linter:
      command: |
        /root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules/.bin/prettier -w app/components/left-menu.tsx
      stdin_path: (none)
      run_from: /tmp/trunk-0/hAPnju/oQNUsq
      timeout: 10m
      rerun: (cd /tmp/trunk-0/hAPnju/oQNUsq; env -i PATH=/root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules/.bin:/root/.cache/trunk/tools/node/18.12.1-00ae74f39ac4de3ff3c7e3686016ebf3/bin:/root/.cache/trunk/tools/node/18.12.1-00ae74f39ac4de3ff3c7e3686016ebf3:/root/.nvm/versions/node/v18.17.0/bin/:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin HOME=/root NODE_PATH=/root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules /root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules/.bin/prettier -w app/components/left-menu.tsx)
      affects_cache:
        - package.json
      direct_configs:
        []
      exit_status: exited
      exit_code: 2
      stdout: (none)
      stderr: |
        [error] app/components/left-menu.tsx: SyntaxError: Declaration or statement expected. (24:1)
        [error]   22 |
        [error]   23 | export default LeftMenu;
        [error] > 24 | 
        [error]      | ^
        [error]   25 |
        [error]   26 | 
        [error]   27 | .left-menu {
    parser: |
      (none)
Run trunk upgrade to upgrade 2 linters

[X] Check app/components/left-menu.tsx ✗

Sandbox logs for

trunk fmt app/components/left-menu.tsx || exit 0 1/2 ✓

  FAILURES  
 prettier  app/components/left-menu.tsx  .trunk/out/MD3UA.yaml
  NOTICES  
 A tool failed to run. You can open the details yaml file for more information.
Checked 0 files
✖ No issues, 1 failure
Run trunk upgrade to upgrade 2 linters

trunk check --fix --print-failures app/components/left-menu.tsx 2/2 ❌ (`1`)

  ISSUES  
app/components/left-menu.tsx:25:0
 25:0  high  Parsing error: Declaration or statement expected.  eslint/
  FAILURES  
 prettier  app/components/left-menu.tsx  .trunk/out/qT77k.yaml
  NOTICES  
 A tool failed to run. You can open the details yaml file for more information.
Checked 1 file
✖ 1 new issue
# .trunk/out/qT77k.yaml
trunk_cli_version: 1.17.1
title: prettier exited with exit_code=2
report:
  - prettier exited with exit_code=2
  - linter:
      command: |
        /root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules/.bin/prettier -w app/components/left-menu.tsx
      stdin_path: (none)
      run_from: /tmp/trunk-0/jGitT6/diyYAq
      timeout: 10m
      rerun: (cd /tmp/trunk-0/jGitT6/diyYAq; env -i PATH=/root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules/.bin:/root/.cache/trunk/tools/node/18.12.1-00ae74f39ac4de3ff3c7e3686016ebf3/bin:/root/.cache/trunk/tools/node/18.12.1-00ae74f39ac4de3ff3c7e3686016ebf3:/root/.nvm/versions/node/v18.17.0/bin/:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin HOME=/root NODE_PATH=/root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules /root/.cache/trunk/tools/prettier/3.0.3-f40a31f1cf22ae011727ab1e40e55171/node_modules/.bin/prettier -w app/components/left-menu.tsx)
      affects_cache:
        - package.json
      direct_configs:
        []
      exit_status: exited
      exit_code: 2
      stdout: (none)
      stderr: |
        [error] app/components/left-menu.tsx: SyntaxError: Declaration or statement expected. (25:1)
        [error]   23 | export default LeftMenu;
        [error]   24 | // Removed invalid tags
        [error] > 25 | .left-menu {
        [error]      | ^
        [error]   26 |   background-color: lightgrey;
        [error]   27 |   height: 100vh;
        [error]   28 |   width: 200px;
    parser: |
      (none)

[X] Check app/components/left-menu.css ✓

Sandbox logs for

trunk fmt app/components/left-menu.css || exit 0 1/2 ✓
Checked 1 file
✔ No issues
trunk check --fix --print-failures app/components/left-menu.css 2/2 ✓
Checked 1 file
✔ No issues
Run trunk upgrade to upgrade 2 linters

[X] Check app/components/left-menu.tsx ✓

Sandbox logs for

trunk fmt app/components/left-menu.tsx || exit 0 1/2 ✓
Checked 1 file
✔ No issues
Run trunk upgrade to upgrade 2 linters
trunk check --fix --print-failures app/components/left-menu.tsx 2/2 ✓
Checked 1 file
✔ No issues

[X] Check app/components/left-menu.tsx ✓

Sandbox logs for

trunk fmt app/components/left-menu.tsx || exit 0 1/2 ✓
Checked 1 file
✔ No issues
Run trunk upgrade to upgrade 2 linters
trunk check --fix --print-failures app/components/left-menu.tsx 2/2 ✓
Checked 1 file
✔ No issues

[X] Check app/components/left-menu.tsx ✓

Sandbox logs for

trunk fmt app/components/left-menu.tsx || exit 0 1/2 ✓
Checked 1 file
✔ No issues
Run trunk upgrade to upgrade 2 linters
trunk check --fix --print-failures app/components/left-menu.tsx 2/2 ✓
Checked 1 file
✔ No issues

[X] Check app/page.tsx ✓

Sandbox logs for

trunk fmt app/page.tsx || exit 0 1/2 ✓
Checked 1 file
✔ No issues
Run trunk upgrade to upgrade 2 linters
trunk check --fix --print-failures app/page.tsx 2/2 ✓
Checked 1 file
✔ No issues

sweep-ai[bot] commented 1 year ago

Apply Sweep Rules to your PR?

[ ] Apply: Leftover TODOs in the code should be handled.
[ ] Apply: All new business logic should have corresponding unit tests in the tests/ directory.
[ ] Apply: Any clearly inefficient or repeated code should be optimized or refactored.

danwill89 commented 1 year ago

Sweep: Move the Cards in page.tsx to their own div and display them next to the LeftMenu

sweep-ai[bot] commented 1 year ago

🚀 Wrote Changes

Done.

danwill89 commented 1 year ago

Sweep: update styles import in page.tsx to use ./page.module.css

sweep-ai[bot] commented 1 year ago

🚀 Wrote Changes

Done.

danwill89 / gen-ai