Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Progress Bar Component #99

Merged
merged 17 commits into from
Nov 30, 2023
Merged

Progress Bar Component #99

Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
54694b3
initial incentive bar
zwkohn Aug 7, 2023
39256e9
remove console log
zwkohn Aug 7, 2023
701587d
use computedWidth of container
zwkohn Aug 8, 2023
2fd549d
renaming; more general
zwkohn Aug 15, 2023
b953e02
allow stepIcon to be any ReactElement
zwkohn Aug 28, 2023
7efe1cd
remove step lines
zwkohn Aug 28, 2023
ecd9297
remove left/right margin; adjust step percent
zwkohn Aug 29, 2023
e655b7f
Merge remote-tracking branch 'origin/main' into zkohn/incentives
zwkohn Nov 28, 2023
7b82f4d
some PR cleanup
zwkohn Nov 28, 2023
fe5846a
fix export
zwkohn Nov 28, 2023
b285a41
clean up doc
zwkohn Nov 28, 2023
cd672b0
fix exports
zwkohn Nov 30, 2023
a08c901
add borderColor; fix margintop calc
zwkohn Nov 30, 2023
e36ea9b
fixing default margin
zwkohn Nov 30, 2023
7240ae7
truncate the percentages; add sb css
zwkohn Nov 30, 2023
512ff86
cleanup exports; add padding to Template
zwkohn Nov 30, 2023
dbe3a4f
add defaultMargin to args
zwkohn Nov 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
remove console log
  • Loading branch information
@zwkohn
zwkohn committed Aug 7, 2023
commit 39256e91d50b8fb6f382d71787c5b0c836cc603f
1 change: 0 additions & 1 deletion src/components/presentational/IncentiveBar/IncentiveBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,6 @@ export default function IncentiveBar(props: IncentiveBarProps) {
const earned = props.earned / props.increments;
const starWidthStr = containerRef != null ? window.getComputedStyle(containerRef!.current!).getPropertyValue('--star_size') : "0px";
const starWidth = parseInt(starWidthStr.substring(0, starWidthStr.length - 2));
console.log("starWidth", starWidthStr);
const spaceBetweenStars = (500 - (totalStars * starWidth)) / (totalStars - 1);
setCalculatedWidth((earned * (spaceBetweenStars + starWidth) + starWidth / 2) + "px");
}, [props.totalAvailable, props.increments, props.earned]);
Expand Down