Skip to content

OBPIH-6922 Shorten the Name of Bin Location#5000

Merged
kchelstowski merged 5 commits intodevelopfrom
OBPIH-6922
Jan 20, 2025
Merged

OBPIH-6922 Shorten the Name of Bin Location#5000
kchelstowski merged 5 commits intodevelopfrom
OBPIH-6922

Conversation

@SebastianLib
Copy link
Collaborator

✨ Description of Change

A concise summary of what is being changed. Please provide enough context for reviewers to be able to understand the change and why it is necessary. If the issue/ticket already provides enough information, you can put "See ticket" as the description.

Link to GitHub issue or Jira ticket:

Description:
I shortened the bin location name and put the number of bin locations involved in the tooltip


📷 Screenshots & Recordings (optional)

If this PR contains a UI change, consider adding one or more screenshots here or link to a screen recording to help reviewers visualize the change. Otherwise, you can remove this section.

@github-actions github-actions bot added the domain: frontend Changes or discussions relating to the frontend UI label Jan 16, 2025
Comment on lines 138 to 153
cell: ({ getValue }) => {
const binLocationList = mapStringToList(getValue(), ',');

return (
<TableCell
className="rt-td"
tooltip
tooltipLabel={`${getValue()} (${binLocationList.length})`}
>
{binLocationList.map((binLocationName) => (
<div>
{binLocationName.length > 16 ? `${binLocationName.substring(0, 16)}...` : binLocationName}
</div>
))}
</TableCell>
);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should do this by CSS, not just limiting the length, because when you make the screen even smaller (I know we are supporting certain screen sizes, but a lot of users have smaller screens than those supported) the bin location won't be visible. You can achieve that by packing every bin location to the div and then just hiding the overflow.

@codecov
Copy link

codecov bot commented Jan 16, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 7.69%. Comparing base (6afc7f7) to head (f0ee985).
Report is 184 commits behind head on develop.

Additional details and impacted files
@@             Coverage Diff              @@
##             develop   #5000      +/-   ##
============================================
- Coverage       7.69%   7.69%   -0.01%     
  Complexity       846     846              
============================================
  Files            610     610              
  Lines          42581   42586       +5     
  Branches       10343   10344       +1     
============================================
  Hits            3275    3275              
- Misses         38821   38826       +5     
  Partials         485     485              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Collaborator

@alannadolny alannadolny left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good job 👏

tooltipLabel={`${getValue()} (${binLocationList.length})`}
>
{binLocationList.map((binLocationName) => (
<div className="truncate-text">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

key is missing

@kchelstowski kchelstowski merged commit 9172484 into develop Jan 20, 2025
9 checks passed
@kchelstowski kchelstowski deleted the OBPIH-6922 branch January 20, 2025 13:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

domain: frontend Changes or discussions relating to the frontend UI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants