feat: Whatsapp Link

[AchmadWahyu]

Closes #79

Description

Implement the WhatsApp interaction parts of the Transaction Flow

Current Tasks

• Write the transaction information into the database upon the form submission
• Redirect to /dashboard/purchase/confirm/$transactionId route upon a successful response
• Implement Centered with single action modal in a /dashboard/purchase/confirm/$transactionId.tsx file
• Render a Remix's Outlet component somewhere in /dashboard/purchase/confirm.tsx file to render the modal above
• Write end-to-end test scenarios to cover all the steps above, including verifying the link to the WhatsApp web page

[AchmadWahyu]

Please for the review and correction, Mas Zain @zainfathoni 😁🙏, especially on the line where I fill fields for transaction schema, I'm still confused whether it is true or not, and should I assign subscription to db first to get subscriptionId?

[AchmadWahyu]

Please for the review Mas @zainfathoni . Especially where i throw error if response not found on loader function. I also has another question, on confirm page when I fill the fields for transaction, how could I retrieve courseId value?

[zainfathoni]

Please for the review Mas @zainfathoni . Especially where i throw error if response not found on loader function. I also has another question, on confirm page when I fill the fields for transaction, how could I retrieve courseId value?

Okay, I'll review it later tonight. If possible, I can also make some changes to your code directly.

[AchmadWahyu]

Please for the review Mas @zainfathoni . Especially where i throw error if response not found on loader function. I also has another question, on confirm page when I fill the fields for transaction, how could I retrieve courseId value?

Okay, I'll review it later tonight. If possible, I can also make some changes to your code directly.

Okay Mas, thank you. Please let me know if there is something that need to be addressed. For the test, I'm still trying to work on it

[AchmadWahyu]

I'm sorry Mas @zainfathoni , i'm still working on this issue, i will make this pr to draft again 🙏

[zainfathoni]

I'm sorry Mas @zainfathoni, I'm still working on this issue, I will make this pr to draft again 🙏

No problem. In the meantime, I'll try to document the testing methods and principles so that it's easier for beginners to follow along.

[AchmadWahyu]

I'm sorry Mas @zainfathoni, I'm still working on this issue, I will make this pr to draft again 🙏

No problem. In the meantime, I'll try to document the testing methods and principles so that it's easier for beginners to follow along.

Thankyou Mas @zainfathoni !

[codecov-commenter]

Codecov Report

Merging #83 (ed3ddf5) into main (a144f51) will increase coverage by 8.21%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##             main      #83      +/-   ##
==========================================
+ Coverage   10.79%   19.01%   +8.21%     
==========================================
  Files          52       37      -15     
  Lines         463      263     -200     
  Branches      142       61      -81     
==========================================
  Hits           50       50              
+ Misses        413      213     -200     

Impacted Files	Coverage Δ
app/models/course.ts	0.00% <0.00%> (ø)
app/models/transaction.ts	0.00% <0.00%> (ø)
app/utils/constants.ts	100.00% <ø> (ø)
app/utils/format.ts	0.00% <0.00%> (ø)
app/utils/misc.ts	0.00% <0.00%> (ø)
app/routes/dashboard/purchase.tsx
app/routes/dashboard/purchase/completed.tsx
app/routes/dashboard/purchase/confirm.tsx
app/routes/dashboard/purchase/index.tsx
app/routes/dashboard/profile.tsx
... and 11 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a144f51...ed3ddf5. Read the comment docs.

[zainfathoni]

@all-contributors please add @AchmadWahyu for code and test.

[allcontributors]

@zainfathoni

I've put up a pull request to add @AchmadWahyu! 🎉