Skip to content
This repository has been archived by the owner on Dec 15, 2023. It is now read-only.

feat(confact-info): add showAvatar and avatarIcon props (Vue3) #983

Conversation

tonydialpad
Copy link
Contributor

🛠️ Type Of Change

  • Fix
  • Feature
  • Refactoring
  • Documentation

📖 Description

In recent contact update, if the contact has no first name, last name or image_url, the avatar will display nothing. To fix this, this pull request adds avatarIcon to support icon display in avatar when there is nothing to display in avatar. Moreover, we want to hide avatar in some use cases, so showAvatar property is added to control that.

💡 Context

📝 Checklist

  • I have reviewed my changes
  • I have added tests
  • I have added all relevant documentation
  • I have validated components with a screen reader
  • I have validated components keyboard navigation
  • I have considered the performance impact of my change
  • I have checked that my change did not significantly increase bundle size
  • I am exporting any new components or constants in the index.js in the component directory
  • I am exporting any new components or constants in the index.js in the root

🔮 Next Steps

Make a new release for dialtone-vue.

📷 Screenshots / GIFs

Screenshot 2023-05-15 at 2 45 48 PM

🔗 Sources

JIRA: https://dialpad.atlassian.net/browse/DP-70835
Vue2 PR: #981

@github-actions
Copy link

✔️ Deploy Preview ready!
😎 Browse the preview: https://vue.dialpad.design/deploy-previews/pr-983/
🔨 If you experience an SSL issue then wait 2 minutes and try again.

@github-actions
Copy link

✔️ Deploy Preview ready!
😎 Browse the preview: https://vue.dialpad.design/deploy-previews/pr-983/
🔨 If you experience an SSL issue then wait 2 minutes and try again.

@tonydialpad tonydialpad merged commit 86fed3b into staging-vue3 May 18, 2023
@tonydialpad tonydialpad deleted the DP-70835-add-icon-support-for-avatar-in-contact-info-vue3 branch May 18, 2023 19:40
braddialpad pushed a commit that referenced this pull request May 18, 2023
# [3.68.0](v3.67.4...v3.68.0) (2023-05-18)

### Bug Fixes

* set node engine minimum ([#989](#989)) ([31daed2](31daed2))

### Features

* **Avatar:** update to flat colors ([#990](#990)) ([12774ea](12774ea))
* **Confact Info:** add `showAvatar` and `avatarIcon` props (Vue3) ([#983](#983)) ([86fed3b](86fed3b))
@github-actions
Copy link

🎉 This PR is included in version 3.68.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

2 participants