Simplify the PDF renderer for the Web

[parasharrajat]

@marcaaron Please review.

Details

You have to apply this fix to see the pdf in local setup #1509

1. Replaced the old Webview and PDF.js based pdf renderer to the react-pdf lib.
2. Uninstalled web-view.
3. Removed the vendor files of the pdf.js.

Fixed Issues

Fixes #1383 Fixes #1514

Tests

Send a Pdf in the chat and click it to see the attachment modal.

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshot

Web

Mobile Web

[parasharrajat]

Let me know any styling-related feedback. I added some based on my observations. the Components accepts the className prop but I am not sure how to pass the style prop to the className so I have added a global CSS file.

CC: @shawnborton

[marcaaron]

Nice start. We'll need @shawnborton to help explain what kinds of UI additions we need (if any).

[shawnborton]

This looks pretty great to me. Do we have control over the color that is used as the background gray behind the PDF content?

[parasharrajat]

@shawnborton. Yes, I have tried to keep all the functionality the same. so we were passing a style prop previously which can set the styles which take gray as default.

[shawnborton]

Great, could we see this with colors.gray1 and colors.gray2 as the background?

[parasharrajat]

@shawnborton

Gray 1	Gray 2	Gray 3

|

[parasharrajat]

@shawnborton Which one do you like? I would say gray2 is looking best. Just added a commit for text selection on PDF.
@marcaaron I think we are good to go if @shawnborton is fine with the color.

[shawnborton]

I do like gray1 but I can see how it is so light that it doesn't really communicate a background separation the way that gray2 does - so that being said, let's go with gray2

[parasharrajat]

Is something remaining on this PR?

[marcaaron]

yep, will give another review once @shawnborton OK the design we've got.

[shawnborton]

Yup, I'm good with the design and with gray2

[marcaaron]

Looks good just have a couple comments. One thing I've noticed is that the PDF page resizes well when we are on small screens but doesn't look great when we are just transitioning from small to large

[parasharrajat]

Updated. @marcaaron Please review.

[marcaaron]

👍 awesome work on this one!