Add a validation message before submitting the file for unsupported media type

[pavanpatil1]

Add a validation message before submitting the file for unsupported media type if the uploaded image file won't be supported. User should not be able to post the feed if the media is not supported

Currently, the validation message is visible if the attached media is not supported but still user is able to submit the post and that post title is visible only.

https://user-images.githubusercontent.com/44057535/224694453-bc1ef40d-a294-4ee5-95dd-cc52691dc10a.mp4

---

• [x] Show the maximum file size limit next to the upload button.

[elifvish]

@pavanpatil1 I have raised PR for pre release branch

• https://github.com/rtCamp/rtMedia/pull/1971

Please do QA

[pavanpatil1]

Verified the Fix and It is working fine. The validation message is visible if added the unsupported media and the maximum file limit is also visible.

https://user-images.githubusercontent.com/44057535/228183840-850c8932-11b2-4b84-88db-0bb51f7cdbc0.mp4

[kjnanda]

@pavanpatil1 Unspported file formate issue seems fixed. For MAX files size, it not tested.

[kjnanda]

@Utsav-Ladani Please check my finding below.

• [ ] Once the max file size error is thrown , the error message is not removed even after page reload.

https://github.com/rtCamp/rtMedia/assets/15173772/dd38bfeb-da8e-4954-b392-cc5c0da9d83a

• [ ] This error is only visible on Activity Page and not on the media page. So the user does not have clarity about what operation was actually performed!

https://github.com/rtCamp/rtMedia/assets/15173772/1129b52f-3ece-4770-a9dc-7cf057566954

• [ ] Please make error message more intuitive so that it can be high lighted. As per current implementation, as a user I am actually looking where the message appeared.

CC @pavanpatil1

[Utsav-Ladani]

Hello @kjnanda,

• Max. File Size: 300M is not an error message. It is just an info message, which is why it is always showing.

• This message is kept hidden on other pages because of UI. But there is a small info icon. If the user hovers over that icon, a message will appear.

  

• When the user uploads an invalid file, a browser alert box will be shown with an appropriate error message. In your browser, it seems that you disabled it, which is why it is not showing.

  

[kjnanda]

@Utsav-Ladani Without Pro-addon this works as expected. I am able to see pop up when limit crosses.

CC @pavanpatil1

[kjnanda]

This is working as epxected wrt dev branch.

[kjnanda]

Tested after release and it works as expected.