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.

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

feat(app-store-button): app store badges for iOS and Android #199

Merged
merged 8 commits into from
May 24, 2023

Conversation

nathanjamal
Copy link
Collaborator

@nathanjamal nathanjamal commented May 3, 2023

Pull Request

Description

configurable app buttons

HEYUI-324

Screen.Recording.2023-05-24.at.10.13.39.mov

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Documentation change

How do I test this

  • Add steps to test
  • in bullet point format
  • preferably you can add link to the storybook build in the PR

Checklist

Did you remember to take care of the following?

  • npm i – for new NPM dependencies.
  • npm run lint - to check for linting issues
  • npm run test - to run unit tests
  • npm run test:sh:docker - to run screenshot tests, detail instruction

New Feature / Bug Fix

  • Run unit tests to ensure all existing tests are still passing.
  • Add new passing unit tests to cover the code introduced by your pr.

Thanks for contributing!

@auto-assign auto-assign bot requested a review from esraltintas May 3, 2023 08:02
@nathanjamal nathanjamal self-assigned this May 3, 2023
@github-actions
Copy link

github-actions bot commented May 3, 2023

Compiled a new version demo.

@github-actions
Copy link

github-actions bot commented May 3, 2023

Pull Request Test Coverage Report for Build 5066982031

  • 51 of 53 (96.23%) changed or added relevant lines in 4 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage increased (+0.1%) to 94.099%

Changes Missing Coverage Covered Lines Changed/Added Lines %
packages/app-store-button/src/AppStoreButton.tsx 15 16 93.75%
packages/app-store-button/src/utils/appStoreButtonHelpers.ts 32 33 96.97%
Totals Coverage Status
Change from base Build 5055021805: 0.1%
Covered Lines: 1560
Relevant Lines: 1609

💛 - Coveralls

@github-actions
Copy link

github-actions bot commented May 3, 2023

Coverage report

St.
Category Percentage Covered / Total
🟢 Statements 96.68% 1747/1807
🟢 Branches 85.89% 481/560
🟢 Functions 82.76% 144/174
🟢 Lines 96.95% 1560/1609
Show new covered files 🐣
St.
File Statements Branches Functions Lines
🟢
... / Header.constants.ts
100% 100% 100% 100%
🟢
... / Header.tsx
87.5% 88.46% 43.75% 83.93%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / Grid.tsx
100% 100% 100% 100%
🟢
... / Col.tsx
100% 100% 100% 100%
🟢
... / getGridClassNames.ts
100% 100% 100% 100%
🟢
... / Container.tsx
100% 100% 100% 100%
🟢
... / Row.tsx
100% 100% 100% 100%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / ABSport.tsx
100% 100% 100% 100%
🟢
... / createSvgIcon.tsx
100% 100% 100% 100%
🟢
... / SvgIcon.tsx
100% 100% 100% 100%
🟢
... / AC.tsx
100% 100% 100% 100%
🟢
... / Amex.tsx
100% 100% 100% 100%
🟢
... / AndroidAuto.tsx
100% 100% 100% 100%
🟢
... / ApplePlay.tsx
100% 100% 100% 100%
🟢
... / Automatic.tsx
100% 100% 100% 100%
🟢
... / Bluetooth.tsx
100% 100% 100% 100%
🟢
... / BodyColorBlack.tsx
100% 100% 100% 100%
🟢
... / BodyColorBlue.tsx
100% 100% 100% 100%
🟢
... / BodyColorBrown.tsx
100% 100% 100% 100%
🟢
... / BodyColorGold.tsx
100% 100% 100% 100%
🟢
... / BodyColorGreen.tsx
100% 100% 100% 100%
🟢
... / BodyColorGrey.tsx
100% 100% 100% 100%
🟢
... / BodyColorOrange.tsx
100% 100% 100% 100%
🟢
... / BodyColorRed.tsx
100% 100% 100% 100%
🟢
... / BodyColorSilver.tsx
100% 100% 100% 100%
🟢
... / BodyColorWhite.tsx
100% 100% 100% 100%
🟢
... / BodyColorYellow.tsx
100% 100% 100% 100%
🟢
... / Bonus.tsx
100% 100% 100% 100%
🟢
... / BuyingСar.tsx
100% 100% 100% 100%
🟢
... / Calculator.tsx
100% 100% 100% 100%
🟢
... / Calendar.tsx
100% 100% 100% 100%
🟢
... / Call.tsx
100% 100% 100% 100%
🟢
... / CallBack.tsx
100% 100% 100% 100%
🟢
... / Canada.tsx
100% 100% 100% 100%
🟢
... / Car.tsx
100% 100% 100% 100%
🟢
... / CarLocation.tsx
100% 100% 100% 100%
🟢
... / Card.tsx
100% 100% 100% 100%
🟢
... / Clock.tsx
100% 100% 100% 100%
🟢
... / Close.tsx
100% 100% 100% 100%
🟢
... / CO2.tsx
100% 100% 100% 100%
🟢
... / Copy.tsx
100% 100% 100% 100%
🟢
... / Collect.tsx
100% 100% 100% 100%
🟢
... / Convertible.tsx
100% 100% 100% 100%
🟢
... / CruiseControl.tsx
100% 100% 100% 100%
🟢
... / Coupe.tsx
100% 100% 100% 100%
🟢
... / CustomerService.tsx
100% 100% 100% 100%
🟢
... / Datasheet.tsx
100% 100% 100% 100%
🟢
... / Dealer.tsx
100% 100% 100% 100%
🟢
... / ElectricWindow.tsx
100% 100% 100% 100%
🟢
... / Email.tsx
100% 100% 100% 100%
🟢
... / Engine.tsx
100% 100% 100% 100%
🟢
... / Error.tsx
100% 100% 100% 100%
🟢
... / Estate.tsx
100% 100% 100% 100%
🟢
... / Euro.tsx
100% 100% 100% 100%
🟢
... / Exterior.tsx
100% 100% 100% 100%
🟢
... / EV.tsx
100% 100% 100% 100%
🟢
... / Eye.tsx
100% 100% 100% 100%
🟢
... / Filter.tsx
100% 100% 100% 100%
🟢
... / Finance.tsx
100% 100% 100% 100%
🟢
... / FiveDoors.tsx
100% 100% 100% 100%
🟢
... / France.tsx
100% 100% 100% 100%
🟢
... / Fuel.tsx
100% 100% 100% 100%
🟢
... / Gallery.tsx
100% 100% 100% 100%
🟢
... / Germany.tsx
100% 100% 100% 100%
🟢
... / Hamburger.tsx
100% 100% 100% 100%
🟢
... / Hatchback.tsx
100% 100% 100% 100%
🟢
... / HeatedMirror.tsx
100% 100% 100% 100%
🟢
... / HeatedSeat.tsx
100% 100% 100% 100%
🟢
... / HeartDefault.tsx
100% 100% 100% 100%
🟢
... / HeartFilled.tsx
100% 100% 100% 100%
🟢
... / HeartActive.tsx
100% 100% 100% 100%
🟢
... / Horsepower.tsx
100% 100% 100% 100%
🟢
... / Hybrid.tsx
100% 100% 100% 100%
🟢
... / Image.tsx
100% 100% 100% 100%
🟢
... / Info.tsx
100% 100% 100% 100%
🟢
... / Intercom.tsx
100% 100% 100% 100%
🟢
... / Interior.tsx
100% 100% 100% 100%
🟢
... / ISOFix.tsx
100% 100% 100% 100%
🟢
... / Key.tsx
100% 100% 100% 100%
🟢
... / Language.tsx
100% 100% 100% 100%
🟢
... / LargeBoot.tsx
100% 100% 100% 100%
🟢
... / Leather.tsx
100% 100% 100% 100%
🟢
... / List.tsx
100% 100% 100% 100%
🟢
... / Location.tsx
100% 100% 100% 100%
🟢
... / Lorry.tsx
100% 100% 100% 100%
🟢
... / LowEmission.tsx
100% 100% 100% 100%
🟢
... / LumbarSupport.tsx
100% 100% 100% 100%
🟢
... / Manual.tsx
100% 100% 100% 100%
🟢
... / Mastercard.tsx
100% 100% 100% 100%
🟢
... / MBG.tsx
100% 100% 100% 100%
🟢
... / Mileage.tsx
100% 100% 100% 100%
🟢
... / Minus.tsx
100% 100% 100% 100%
🟢
... / MinusCircle.tsx
100% 100% 100% 100%
🟢
... / MOT.tsx
100% 100% 100% 100%
🟢
... / MVP.tsx
100% 100% 100% 100%
🟢
... / Netherlands.tsx
100% 100% 100% 100%
🟢
... / NewCar.tsx
100% 100% 100% 100%
🟢
... / Others.tsx
100% 100% 100% 100%
🟢
... / ParkingCamera.tsx
100% 100% 100% 100%
🟢
... / Play.tsx
100% 100% 100% 100%
🟢
... / Plus.tsx
100% 100% 100% 100%
🟢
... / PlusCircle.tsx
100% 100% 100% 100%
🟢
... / Pickup.tsx
100% 100% 100% 100%
🟢
... / Pound.tsx
100% 100% 100% 100%
🟢
... / Read.tsx
100% 100% 100% 100%
🟢
... / RegNr.tsx
100% 100% 100% 100%
🟢
... / RegularBoot.tsx
100% 100% 100% 100%
🟢
... / ReverseSensor.tsx
100% 100% 100% 100%
🟢
... / Review.tsx
100% 100% 100% 100%
🟢
... / Saloon.tsx
100% 100% 100% 100%
🟢
... / Satnav.tsx
100% 100% 100% 100%
🟢
... / Search.tsx
100% 100% 100% 100%
🟢
... / Seats.tsx
100% 100% 100% 100%
🟢
... / Settings.tsx
100% 100% 100% 100%
🟢
... / Share.tsx
100% 100% 100% 100%
🟢
... / ShoppingBag.tsx
100% 100% 100% 100%
🟢
... / Sort.tsx
100% 100% 100% 100%
🟢
... / Sound.tsx
100% 100% 100% 100%
🟢
... / SoundSystem.tsx
100% 100% 100% 100%
🟢
... / Spain.tsx
100% 100% 100% 100%
🟢
... / Sunroof.tsx
100% 100% 100% 100%
🟢
... / SUV.tsx
100% 100% 100% 100%
🟢
... / Swap.tsx
100% 100% 100% 100%
🟢
... / ThreeDoors.tsx
100% 100% 100% 100%
🟢
... / ThreeSixty.tsx
100% 100% 100% 100%
🟢
... / Tick.tsx
100% 100% 100% 100%
🟢
... / TickCircle.tsx
100% 100% 100% 100%
🟢
... / Trend.tsx
100% 100% 100% 100%
🟢
... / UK.tsx
100% 100% 100% 100%
🟢
... / USB.tsx
100% 100% 100% 100%
🟢
... / Video.tsx
100% 100% 100% 100%
🟢
... / VideoReq.tsx
100% 100% 100% 100%
🟢
... / Visa.tsx
100% 100% 100% 100%
🟢
... / Van.tsx
100% 100% 100% 100%
🟢
... / Warning.tsx
100% 100% 100% 100%
🟢
... / Warranty.tsx
100% 100% 100% 100%
🟢
... / XLBoot.tsx
100% 100% 100% 100%
🟢
... / Facebook.tsx
100% 100% 100% 100%
🟢
... / Instagram.tsx
100% 100% 100% 100%
🟢
... / Twitter.tsx
100% 100% 100% 100%
🟢
... / LinkedIn.tsx
100% 100% 100% 100%
🟢
... / Pinterest.tsx
100% 100% 100% 100%
🟢
... / TikTok.tsx
100% 100% 100% 100%
🟢
... / Messenger.tsx
100% 100% 100% 100%
🟢
... / Youtube.tsx
100% 100% 100% 100%
🟢
... / Whatsapp.tsx
100% 100% 100% 100%
🟢
... / ArrowDown.tsx
100% 100% 100% 100%
🟢
... / ArrowTop.tsx
100% 100% 100% 100%
🟢
... / ArrowLeft.tsx
100% 100% 100% 100%
🟢
... / ArrowRight.tsx
100% 100% 100% 100%
🟢
... / ChevronDown.tsx
100% 100% 100% 100%
🟢
... / ChevronTop.tsx
100% 100% 100% 100%
🟢
... / ChevronLeft.tsx
100% 100% 100% 100%
🟢
... / ChevronRight.tsx
100% 100% 100% 100%
🟢
... / DoubleChevronLeft.tsx
100% 100% 100% 100%
🟢
... / DoubleChevronRight.tsx
100% 100% 100% 100%
🟢
... / Lock.tsx
100% 100% 100% 100%
🟢
... / LockOpen.tsx
100% 100% 100% 100%
🟢
... / OfferLeft.tsx
100% 100% 100% 100%
🟢
... / OfferRight.tsx
100% 100% 100% 100%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / Logo.tsx
100% 70% 100% 100%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / Typography.tsx
100% 100% 100% 100%
🟢
... / Typography.constants.ts
100% 100% 100% 100%
🔴
... / LanguageList.tsx
31.82% 0% 0% 33.33%
🟢
... / headerItemHelpers.tsx
100% 100% 100% 100%
🟢
... / NavigationBurgerMenu.tsx
95.12% 70.18% 66.67% 94.59%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / Collapse.tsx
100% 50% 100% 100%
🟢
... / useCollapse.ts
100% 87.5% 100% 100%
🟢
... / getCollapseStyles.ts
100% 100% 100% 100%
🟢
... / useNavigationItem.ts
100% 100% 100% 100%
🟢
... / navigationHelpers.ts
100% 96.97% 100% 100%
🟢
... / SubNav.tsx
96.55% 81.82% 75% 96%
🟢
... / NavigationDropdown.tsx
86.84% 81.25% 44.44% 84.85%
🟢
... / useLangList.ts
97.14% 85.71% 100% 100%
🟢
... / Header.mock.tsx
100% 100% 100% 100%
🟢
... / navigationItems.mock.tsx
100% 100% 100% 100%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / Pagination.tsx
100% 100% 100% 100%
🟢
... / usePagination.hook.ts
100% 100% 100% 100%
🟢
... / Pagination.types.ts
100% 100% 100% 100%
🟢
... / getSiblingsToRender.ts
100% 100% 100% 100%
🟢
... / parseOnClick.ts
100% 100% 100% 100%
🟢
... / useBreakpoint.hook.ts
100% 100% 100% 100%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / breakpoints.ts
100% 100% 100% 100%
🟢
... / defaultLocale.ts
100% 100% 100% 100%
🟢
... / PaginationItem.tsx
100% 100% 100% 100%
🟢
... / Dropdown.tsx
78.72% 66.18% 78.95% 82.19%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / Input.tsx
100% 93.33% 100% 100%
🟢
... / index.ts
100% 100% 100% 100%
🟢
... / FormControl.tsx
100% 95% 100% 100%
🟢
... / DropdownOption.tsx
100% 50% 100% 100%
🟢
... / Accordion.tsx
96.88% 88.89% 100% 100%
🟢
... / Chip.tsx
100% 86.67% 100% 100%
🟢
... / Pill.tsx
100% 100% 100% 100%
🟢
... / Button.tsx
100% 100% 100% 100%
🟢
... / ButtonIcon.tsx
100% 100% 100% 100%
🟢
... / ButtonLoader.tsx
100% 100% 100% 100%
🟢
... / ReviewRating.tsx
100% 66.67% 100% 100%
🟢
... / useReviewRating.ts
95.24% 100% 80% 93.75%
🟢
... / reviewRatingHelpers.ts
100% 100% 100% 100%
🟢
... / ReviewRating.constants.ts
100% 100% 100% 100%
🟢
... / Textarea.tsx
98.18% 90% 100% 100%
🟢
... / TextareaCounter.tsx
100% 100% 100% 100%
🟢
... / Badge.tsx
100% 100% 100% 100%
🟢
... / AppStoreButton.tsx
94.12% 100% 100% 93.75%
🟢
... / appStoreButtonHelpers.ts
96.97% 100% 100% 96.97%
🟢
... / AppStoreButton.constants.ts
100% 100% 100% 100%
🟢 mocks/fileMock.js 100% 100% 100% 100%
🟢
... / Switch.tsx
92% 33.33% 80% 89.47%

Test suite run success

375 tests passing in 51 suites.

Report generated by 🧪jest coverage report action from a816f48

@github-actions
Copy link

github-actions bot commented May 3, 2023

Compiled a new version demo.

@nathanjamal nathanjamal added the work in progress This is a work in progress label May 3, 2023
@github-actions
Copy link

Compiled a new version demo.

added app store button component

HEYUI-324
@@ -17,6 +17,8 @@ module.exports = {
moduleNameMapper: {
'@heycar-uikit/(.*)$': '<rootDir>/packages/$1/src',
'\\.css$': 'identity-obj-proxy',
'\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

mock images and vids for jest

remove unused vite references

HEYUI-324
@@ -1,5 +1,6 @@
import path from 'path';

import image from '@rollup/plugin-image';
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

plugin to allow rollup to handle images

@@ -6,7 +6,6 @@
"main": "index.js",
"scripts": {
"build": "./bin/build.sh",
"build:vite": "vite build",
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

removed all references to Vite. This is test code from Nathan Nelson that isnt being used

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@nathanjamal nathanjamal removed the work in progress This is a work in progress label May 24, 2023
@nathanjamal nathanjamal merged commit d0771a8 into main May 24, 2023
@nathanjamal nathanjamal deleted the HEYUI-324 branch May 24, 2023 11:27
supcar pushed a commit that referenced this pull request May 24, 2023
# [8.3.0](v8.2.2...v8.3.0) (2023-05-24)

### Bug Fixes

* **header:** fix issue with header being full page height on mobile ([#209](#209)) ([0401c56](0401c56))

### Features

* **app-store-button:** app store badges for iOS and Android ([#199](#199)) ([d0771a8](d0771a8))
@supcar
Copy link
Collaborator

supcar commented May 24, 2023

🎉 This PR is included in version 8.3.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants