Improve File Preview

[Ashesh3]

This pull request adds a new component called PDFViewer, which allows for rendering and viewing PDF files in the application. The component uses the react-pdf library to handle PDF rendering and provides options for loading and navigating through pages.

Fixes #7240

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 5, 2024 4:23pm

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	04d3cb1
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/65e746bebc4d0b000889a045
😎 Deploy Preview	https://deploy-preview-7305--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[cypress]

Passing run #2205 ↗︎

0

111

0

0

0

Details:

Improve File Preview
Project: CARE	Commit: 04d3cb1af1
Status: Passed	Duration: 03:20 💡
Started: Mar 5, 2024 4:27 PM	Ended: Mar 5, 2024 4:30 PM

Review all test suite changes for PR #7305 ↗︎

[github-actions]

👋 Hi, @Ashesh3,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[UdaySagar-Git]

Hey @Ashesh3 ,

Does a file preview for CSV and XLSX files already exist? Or is that open for work? I'm currently working on a similar issue, and I would like to implement a file preview for CSV and XLSX files. I just wanted to confirm before starting the work.

[Ashesh3]

Hey @Ashesh3 ,

Does a file preview for CSV and XLSX files already exist? Or is that open for work? I'm currently working on a similar issue, and I would like to implement a file preview for CSV and XLSX files. I just wanted to confirm before starting the work.

Currently we do not have file preview for CSV and XLSX, you can work on it if you want but remember that we cannot send our document to a third party service to get the render, i.e Google Doc Embed, Office365 embeds won't work for our case, if you can render csv and xlsx files without iframe'ing these third party sites, then sure, take it up!

[UdaySagar-Git]

Hey @Ashesh3 ,
Does a file preview for CSV and XLSX files already exist? Or is that open for work? I'm currently working on a similar issue, and I would like to implement a file preview for CSV and XLSX files. I just wanted to confirm before starting the work.

Currently we do not have file preview for CSV and XLSX, you can work on it if you want but remember that we cannot send our document to a third party service to get the render, i.e Google Doc Embed, Office365 embeds won't work for our case, if you can render csv and xlsx files without iframe'ing these third party sites, then sure, take it up!

I will use the existing packages, read-excel-file and react-csv-reader, for implementation. Is that okay?

[Ashesh3]

Hey @Ashesh3 ,
Does a file preview for CSV and XLSX files already exist? Or is that open for work? I'm currently working on a similar issue, and I would like to implement a file preview for CSV and XLSX files. I just wanted to confirm before starting the work.

Currently we do not have file preview for CSV and XLSX, you can work on it if you want but remember that we cannot send our document to a third party service to get the render, i.e Google Doc Embed, Office365 embeds won't work for our case, if you can render csv and xlsx files without iframe'ing these third party sites, then sure, take it up!

I will use the existing packages, read-excel-file and react-csv-reader, for implementation. Is that okay?

Yep, that'll be great!

[nihal467]

LGTM

[github-actions]

@Ashesh3 Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌