Skip to content

feat: Adds image and instructions on how to get DevCard page#234

Merged
adiati98 merged 6 commits intoopen-sauced:mainfrom
Haimantika:feature/add_image_and_text_to_dev_card
Jan 5, 2024
Merged

feat: Adds image and instructions on how to get DevCard page#234
adiati98 merged 6 commits intoopen-sauced:mainfrom
Haimantika:feature/add_image_and_text_to_dev_card

Conversation

@Haimantika
Copy link
Copy Markdown
Contributor

@Haimantika Haimantika commented Dec 27, 2023

Description

This PR adds image and instructions on how to get DevCard page

What type of PR is this? (check all applicable)

  • 🍕 Feature
  • 🐛 Bug Fix
  • 📝 Documentation Update
  • 🎨 Style
  • 🧑‍💻 Code Refactor
  • 🔥 Performance Improvements
  • ✅ Test
  • 🤖 Build
  • 🔁 CI
  • 📦 Chore (Release)
  • ⏩ Revert

Related Tickets & Documents

Fixes #222

Mobile & Desktop Screenshots/Recordings

Steps to QA

NA

Added to documentation?

  • 📜 README.md
  • [] 📓 docs.opensauced.pizza
  • 🍕 dev.to/opensauced
  • 📕 storybook
  • 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

@netlify
Copy link
Copy Markdown

netlify bot commented Dec 27, 2023

👷 Deploy request for docs-open pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 247f9f4

Copy link
Copy Markdown
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

PR Compliance Checks

Thank you for your Pull Request! We have run several checks on this pull request in order to make sure it's suitable for merging into this project. The results are listed in the following section.

Issue Reference

In order to be considered for merging, the pull request description must refer to a specific issue number. This is described in our Contributing Guide.
This check is looking for a phrase similar to: "Fixes #XYZ" or "Resolves #XYZ" where XYZ is the issue number that this PR is meant to address.

@Haimantika Haimantika changed the title Added dev card details Feat: Adds image and instructions on how to DevCard page Dec 27, 2023
@Haimantika Haimantika changed the title Feat: Adds image and instructions on how to DevCard page feat: Adds image and instructions on how to DevCard page Dec 27, 2023
@Haimantika Haimantika changed the title feat: Adds image and instructions on how to DevCard page feat: Adds image and instructions on how to get DevCard page Dec 27, 2023
@Lymah123
Copy link
Copy Markdown
Contributor

Hi @Haimantika, well done. Thanks for working on this issue.

@BekahHW is not currently available. She will review and give feedback once she is available.

Pending that time, I will tag other maintainers to review the PR.

@CBID2 and @adiati98, @Haimantika awaits your feedback. Thank you!

Copy link
Copy Markdown
Contributor

@CBID2 CBID2 left a comment

Choose a reason for hiding this comment

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

Hi @Haimantika! :) Your PR is off to a great start! :) I just gave a tip to improve it. :)

@CBID2
Copy link
Copy Markdown
Contributor

CBID2 commented Dec 27, 2023

Hi @Haimantika, well done. Thanks for working on this issue.

@BekahHW is not currently available. She will review and give feedback once she is available.

Pending that time, I will tag other maintainers to review the PR.

@CBID2 and @adiati98, @Haimantika awaits your feedback. Thank you!

Thanks for pinging me @Lymah123! :) I just gave some feedback! :)

@Lymah123
Copy link
Copy Markdown
Contributor

Hi @Haimantika, well done. Thanks for working on this issue.
@BekahHW is not currently available. She will review and give feedback once she is available.
Pending that time, I will tag other maintainers to review the PR.
@CBID2 and @adiati98, @Haimantika awaits your feedback. Thank you!

Thanks for pinging me @Lymah123! :) I just gave some feedback! :)

Thank you for the prompt response. @CBID2!

@Haimantika
Copy link
Copy Markdown
Contributor Author

Hi @Haimantika, well done. Thanks for working on this issue.
@BekahHW is not currently available. She will review and give feedback once she is available.
Pending that time, I will tag other maintainers to review the PR.
@CBID2 and @adiati98, @Haimantika awaits your feedback. Thank you!

Thanks for pinging me @Lymah123! :) I just gave some feedback! :)

Thanks @CBID2 :D
I have hyperlinked the image in the third point, let me know if you want me to structure it differently.

Copy link
Copy Markdown
Member

@adiati98 adiati98 left a comment

Choose a reason for hiding this comment

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

@Haimantika thank you for the changes! I left some reviews here for you. 😊

Also, I run your branch locally, and the link to the image leads to "Page Not Found" as screen recording below:

devcard 404

I see in the "files changed" tab that .svg is unabled to render because it's an invalid image source.

I would love to have confirmation from @BekahHW if we should use .png instead for the image like other images in the static folder.


Once Bekah confirmed, let's use Bekah's image here as it already has good size and arrow pointing to the card. You can download Bekah's image on the issue by following these steps:

  1. Right click on the image.
  2. Click "Save image as..."
  3. Save the image as get-dev-card.png.

Please let me know if you can't dowload it, so I can help you with it. Thanks!

@Haimantika
Copy link
Copy Markdown
Contributor Author

@Haimantika thank you for the changes! I left some reviews here for you. 😊

Also, I run your branch locally, and the link to the image leads to "Page Not Found" as screen recording below:

devcard 404 devcard 404

I see in the "files changed" tab that .svg is unabled to render because it's an invalid image source.

I would love to have confirmation from @BekahHW if we should use .png instead for the image like other images in the static folder.

Once Bekah confirmed, let's use Bekah's image here as it already has good size and arrow pointing to the card. You can download Bekah's image on the issue by following these steps:

  1. Right click on the image.
  2. Click "Save image as..."
  3. Save the image as get-dev-card.png.

Please let me know if you can't dowload it, so I can help you with it. Thanks!

Hi, thanks for the feedback. The image is not getting downloaded after multiple tries.

Co-authored-by: Ayu Adiati <45172775+adiati98@users.noreply.github.com>
@BekahHW
Copy link
Copy Markdown
Member

BekahHW commented Jan 4, 2024

Apologies for just coming into this. I was off for Christmas and I'm trying to catch up.

Thanks everyone for the help.

@Haimantika, apologies for the confusion with the SVG v. png. Please save it as a png if that works. You'll need to generate the image yourself or save the image by right clicking and choosing save image as. From there, you'll add the image to the file path specific in the issue.

Co-authored-by: Ayu Adiati <45172775+adiati98@users.noreply.github.com>
@Haimantika
Copy link
Copy Markdown
Contributor Author

Thanks @BekahHW. @adiati98 I have accepted your change, let me know if anything else is needed from my end.

Copy link
Copy Markdown
Member

@adiati98 adiati98 left a comment

Choose a reason for hiding this comment

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

@Haimantika thank you for the changes! LGTM! 🙌

go time GIF

@adiati98 adiati98 merged commit b358c27 into open-sauced:main Jan 5, 2024
github-actions bot pushed a commit that referenced this pull request Jan 5, 2024
## [1.60.0](v1.59.0...v1.60.0) (2024-01-05)

### Features

* Adds image and instructions on how to get DevCard page ([#234](#234)) ([b358c27](b358c27))
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jan 5, 2024

🎉 This PR is included in version 1.60.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

github-actions bot pushed a commit that referenced this pull request Jan 5, 2024
* Added dev card details

* Added the image link

* Made changes

Co-authored-by: Ayu Adiati <45172775+adiati98@users.noreply.github.com>

* fix: remove get_dev_card.svg

* feat: add get-dev-card.png

* Update docs/features/dev-card.md

Co-authored-by: Ayu Adiati <45172775+adiati98@users.noreply.github.com>

---------

Co-authored-by: Haimantika Mitra <haimantikamitra@Haimantikas-MacBook-Pro.local>
Co-authored-by: Ayu Adiati <45172775+adiati98@users.noreply.github.com>
Co-authored-by: Ayu Adiati <retno.ayu98@gmail.com> b358c27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feature: Add image and instructions on how to get your to DevCard page.

5 participants