seas-computing / seas-computing/mark-one

TableMessage

Open
#210 0 comments 0 reactions 1 assignee View on GitHub

@amalyam is already working on this.

Since Feb 5, 2025.

enhancement Frontend New Component
Dominant language
TypeScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Feature Request:

TableMessage

Summary

This component provides a bolded table cell that can span a whole row or column to show a message when no data is available. Currently, the TableCell component does not support spanning multiple rows or columns, so we need another way to do this. Typically, our apps need a way to let the user know that data in a table will be populated after user(s) take(s) some action, and this serves as a placeholder until that data is available.

Accessibility Requirements
  • This component should meet the accessibility requirements laid out here
Feature Acceptance Criteria

This new feature should:

  • add a component that functions as a table cell that can span multiple rows or columns
  • the information displayed in this cell should be bolded
  • The user should be able to add a message or a prompt to be displayed in the cell
Documentation Updates/Process Changes
  • the Table.md file should be updated to include an example with the new TableMessage component
Additional Context

The component should be similar to this example from CoursePlanner

Room availability selection table

Code here

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.