uzh-bf / klicker-uzh

KlickerUZH Audience Interaction Platform
https://www.klicker.uzh.ch
GNU Affero General Public License v3.0
35 stars 14 forks source link

enhance(apps/frontend-manage): improve data table, improve layout on course overview #4245

Closed sjschlapbach closed 1 week ago

aviator-app[bot] commented 1 week ago

Current Aviator status

Aviator will automatically update this comment as the status of the PR changes. Comment /aviator refresh to force Aviator to re-examine your PR (or learn about other /aviator commands).

This PR was closed without merging. If you still want to merge this PR, re-open it.


See the real-time status of this PR on the Aviator webapp.
Use the Aviator Chrome Extension to see the status of your PR within GitHub.
gitguardian[bot] commented 1 week ago

⚠️ GitGuardian has uncovered 6 secrets following the scan of your pull request.

Please consider investigating the findings and remediating the incidents. Failure to do so may lead to compromising the associated services or software components.

πŸ”Ž Detected hardcoded secrets in your pull request
| GitGuardian id | GitGuardian status | Secret | Commit | Filename | | | -------------- | ------------------ | ------------------------------ | ---------------- | --------------- | -------------------- | | [1509427](https://dashboard.gitguardian.com/workspace/160640/incidents/1509427?occurrence=164686461) | Triggered | Generic Password | a3732a92ae9f15b16325ba1e158cee751ddbc996 | cypress/cypress.config.ts | [View secret](https://github.com/uzh-bf/klicker-uzh/commit/a3732a92ae9f15b16325ba1e158cee751ddbc996#diff-01bfe26253ea1028d5f2451a147dc9ab24949b7a03a7a7eff723533c86932bc8L11) | | [1509427](https://dashboard.gitguardian.com/workspace/160640/incidents/1509427?occurrence=164686462) | Triggered | Generic Password | a3732a92ae9f15b16325ba1e158cee751ddbc996 | cypress/cypress.config.ts | [View secret](https://github.com/uzh-bf/klicker-uzh/commit/a3732a92ae9f15b16325ba1e158cee751ddbc996#diff-01bfe26253ea1028d5f2451a147dc9ab24949b7a03a7a7eff723533c86932bc8L16) | | [1509427](https://dashboard.gitguardian.com/workspace/160640/incidents/1509427?occurrence=164683448) | Triggered | Generic Password | 9994da450816bb0a40b6dc49495c35bbb8024896 | cypress/cypress.config.ts | [View secret](https://github.com/uzh-bf/klicker-uzh/commit/9994da450816bb0a40b6dc49495c35bbb8024896#diff-01bfe26253ea1028d5f2451a147dc9ab24949b7a03a7a7eff723533c86932bc8L16) | | [1509427](https://dashboard.gitguardian.com/workspace/160640/incidents/1509427?occurrence=164683449) | Triggered | Generic Password | 9994da450816bb0a40b6dc49495c35bbb8024896 | cypress/cypress.config.ts | [View secret](https://github.com/uzh-bf/klicker-uzh/commit/9994da450816bb0a40b6dc49495c35bbb8024896#diff-01bfe26253ea1028d5f2451a147dc9ab24949b7a03a7a7eff723533c86932bc8L11) | | [1509427](https://dashboard.gitguardian.com/workspace/160640/incidents/1509427?occurrence=164686344) | Triggered | Generic Password | e65758208ed5b836e494f14a90c330cf7f5787f9 | cypress/cypress.config.ts | [View secret](https://github.com/uzh-bf/klicker-uzh/commit/e65758208ed5b836e494f14a90c330cf7f5787f9#diff-01bfe26253ea1028d5f2451a147dc9ab24949b7a03a7a7eff723533c86932bc8L15) | | [1509427](https://dashboard.gitguardian.com/workspace/160640/incidents/1509427?occurrence=164686345) | Triggered | Generic Password | e65758208ed5b836e494f14a90c330cf7f5787f9 | cypress/cypress.config.ts | [View secret](https://github.com/uzh-bf/klicker-uzh/commit/e65758208ed5b836e494f14a90c330cf7f5787f9#diff-01bfe26253ea1028d5f2451a147dc9ab24949b7a03a7a7eff723533c86932bc8L11) |
πŸ›  Guidelines to remediate hardcoded secrets
1. Understand the implications of revoking this secret by investigating where it is used in your code. 2. Replace and store your secrets safely. [Learn here](https://blog.gitguardian.com/secrets-api-management?utm_source=product&utm_medium=GitHub_checks&utm_campaign=check_run_comment) the best practices. 3. Revoke and [rotate these secrets](https://docs.gitguardian.com/secrets-detection/secrets-detection-engine/detectors/generics/generic_password#revoke-the-secret?utm_source=product&utm_medium=GitHub_checks&utm_campaign=check_run_comment). 4. If possible, [rewrite git history](https://blog.gitguardian.com/rewriting-git-history-cheatsheet?utm_source=product&utm_medium=GitHub_checks&utm_campaign=check_run_comment). Rewriting git history is not a trivial act. You might completely break other contributing developers' workflow and you risk accidentally deleting legitimate data. To avoid such incidents in the future consider - following these [best practices](https://blog.gitguardian.com/secrets-api-management/?utm_source=product&utm_medium=GitHub_checks&utm_campaign=check_run_comment) for managing and storing secrets including API keys and other credentials - install [secret detection on pre-commit](https://docs.gitguardian.com/ggshield-docs/integrations/git-hooks/pre-commit?utm_source=product&utm_medium=GitHub_checks&utm_campaign=check_run_comment) to catch secret before it leaves your machine and ease remediation.

πŸ¦‰ GitGuardian detects secrets in your source code to help developers and security teams secure the modern development process. You are seeing this because you or someone else with access to this repository has authorized GitGuardian to scan your pull request.

coderabbitai[bot] commented 1 week ago
Walkthrough ## Walkthrough The changes involve the addition of new dependencies for table management and responsive design, the introduction of a new `DataTable` component, and various modifications to existing components for improved layout and styling. Additionally, updates were made to localization files for German and English, enhancing user interface translations. Cypress test scripts were also updated to reflect new usernames, and the Tailwind CSS configuration was modified to include container queries for better responsive design. ## Changes | Files | Change Summary | |-----------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | `apps/frontend-manage/package.json` | Added new dependencies: `@tanstack/react-table` (v8.20.5) and `@tailwindcss/container-queries` (v0.1.1). | | `apps/frontend-manage/src/components/common/DataTable.tsx` | Introduced a new `DataTable` component utilizing `@tanstack/react-table`, supporting pagination, customizable columns, and CSV download functionality. | | `apps/frontend-manage/src/components/courses/CourseGamificationInfos.tsx` | Restructured `Tabs` component layout and styling for improved responsiveness. | | `apps/frontend-manage/src/components/courses/CourseOverviewHeader.tsx` | Modified rendering logic and styling for better presentation of course information, simplifying display logic. | | `apps/frontend-manage/src/components/courses/GroupsList.tsx` | Updated styling for `Tabs.TabContent` and grid layout to enhance responsiveness and visual distinction of group entries. | | `apps/frontend-manage/src/components/courses/IndividualLeaderboard.tsx` | Replaced `TableWithDownload` with `DataTable`, modifying column definitions and data handling for leaderboard display. | | `apps/frontend-manage/src/components/courses/LiveQuizList.tsx` | Changed fragment shorthand to a `
` element for wrapping content without altering functionality. | | `apps/frontend-manage/src/components/courses/ParticipantListEntry.tsx` | Enhanced email display using an `Ellipsis` component to prevent overflow. | | `apps/frontend-manage/src/components/sessions/creation/StackBlockCreation.tsx` | Updated `Ellipsis` component's class name for text size adjustment. | | `apps/frontend-manage/src/components/sessions/creation/liveQuiz/LiveQuizCreationBlock.tsx` | Modified `Ellipsis` component's class name for text size adjustment. | | `apps/frontend-manage/src/pages/courses/[id].tsx` | Restructured layout for course information display, utilizing a grid format and improving text handling with `Prose` and `Ellipsis` components. | | `apps/frontend-manage/tailwind.config.mjs` | Added `@tailwindcss/container-queries` plugin to Tailwind CSS configuration. | | `cypress/cypress.config.ts` | Introduced new constants for student usernames to enhance test coverage. | | `cypress/cypress/e2e/E-course-workflow.cy.ts` | Updated environment variable references for student usernames in test cases. | | `cypress/cypress/e2e/K-group-activity-workflow.cy.ts` | Changed username in login test case to a different user for testing. | | `packages/i18n/messages/de.ts` | Added new string entries for German localization to improve user interface translations. | | `packages/i18n/messages/en.ts` | Added new string entries for English localization to enhance user interface translations. | | `packages/markdown/src/Ellipsis.tsx` | Updated `className` handling in `Ellipsis` component to use `twMerge` for improved dynamic styling. |

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share - [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)
Tips ### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit .` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai generate interesting stats about this repository and render them as a table.` - `@coderabbitai show all the console.log statements in this repository.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (Invoked using PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. ### Other keywords and placeholders - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. - Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description. - Add `@coderabbitai` anywhere in the PR title to generate the title automatically. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://coderabbit.ai/docs) for detailed information on how to use CodeRabbit. - Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.
sonarcloud[bot] commented 1 week ago

Quality Gate Failed Quality Gate failed

Failed conditions
6.3% Duplication on New Code (required ≀ 3%)

See analysis details on SonarCloud

cypress[bot] commented 1 week ago

klicker-uzh    Run #2900

Run Properties:  status check failed Failed #2900  •  git commit 5e42a4e3f7 ℹ️: Merge 0341f425dddc3514504fee046b11ca208340ca08 into 61c6bcf9393f9eba379bf18225bc...
Project klicker-uzh
Branch Review DataTable
Run status status check failed Failed #2900
Run duration 09m 05s
Commit git commit 5e42a4e3f7 ℹ️: Merge 0341f425dddc3514504fee046b11ca208340ca08 into 61c6bcf9393f9eba379bf18225bc...
Committer Julius Schlapbach
View all properties for this run β†—οΈŽ

Test results
Tests that failed  Failures 1
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 42
View all changes introduced in this branch β†—οΈŽ


Tests for review

Failed  cypress/e2e/K-group-activity-workflow.cy.ts β€’ 1 failed test View Output
Test Artifacts
Create and solve a group activity > create a group activity and edit it Screenshots