EPMRPP-89288 || Delete thumbnail from MediaViewer for video (#670)

Co-authored-by: Yuliya_Prihodko <[email protected]>

docs/admin-panel/AllProjectsPage.mdx

@@ -49,7 +49,7 @@ The sorting can be performed by: Creation date, Name, Members, Launches, Last La
 To find a project quickly, type 3 or more symbols of the project name into the
 "Search" field.
 
-<MediaViewer thumbnail={require('./img/AllProjectsPage.png')} src="https://youtu.be/YxPc1bLFoqo" alt="All projects page in our test automation results dashboard" type="video" />
+<MediaViewer src="https://youtu.be/YxPc1bLFoqo" alt="All projects page in our test automation results dashboard" type="video" />
 
 All Projects page allows:
  - to create a project
@@ -100,7 +100,7 @@ button to complete the registration.
 12. The user will be assigned to the project that the invitation was sent from, and to "Personal Project" with the PROJECT
  MANAGER project role.
 
-<MediaViewer thumbnail={require('./img/InviteUserAllProjectsPage.png')} src="https://youtu.be/bqtJDSBjBIs" alt="Invite User from All Projects page" type="video" />
+<MediaViewer src="https://youtu.be/bqtJDSBjBIs" alt="Invite User from All Projects page" type="video" />
 
 :::note
 The link for registration will be active until the user registers in the system for up to,
@@ -134,7 +134,7 @@ To delete a project, perform the following steps:
 
 5. Click "Delete". The project will be deleted from ReportPortal.
 
-<MediaViewer thumbnail={require('./img/DeleteProject.png')} src="https://youtu.be/0ryP5Zf5_q8" alt="Delete Project" type="video" />
+<MediaViewer src="https://youtu.be/0ryP5Zf5_q8" alt="Delete Project" type="video" />
 
 :::note
 PERSONAL PROJECTS cannot be deleted from the system.

docs/admin-panel/AllUsersPage.mdx

@@ -36,7 +36,7 @@ To add a user on the "All Users" page, perform the following steps:
   the system and assigned to the selected project, and to "Personal Project" with the
   PROJECT MANAGER project role. Message with authorization data will be sent to the user's email.
 
-<MediaViewer thumbnail={require('./img/AddUserAllUsersPage.png')} src="https://youtu.be/LBLeaIbYIKc" alt="Add User From All Users Page in our test report dashboard" type="video" />
+<MediaViewer src="https://youtu.be/LBLeaIbYIKc" alt="Add User From All Users Page in our test report dashboard" type="video" />
 
 :::note
 This is the only place in the system where an Administrator can be created
@@ -67,7 +67,7 @@ but not more than 24 hours. When the user clicks the link, he/she will see a reg
 The user will be assigned to the project that was specified by you during the invitation,
 and to "Personal Project" with the PROJECT MANAGER project role.
 
-<MediaViewer thumbnail={require('./img/InviteUserAllUsersPage.png')} src="https://youtu.be/228C6lLEpDE" alt="Invite User From All Users page" type="video" />
+<MediaViewer src="https://youtu.be/228C6lLEpDE" alt="Invite User From All Users page" type="video" />
 
 ## Assign user on project
 
@@ -104,7 +104,7 @@ To unassign a user from the project, perform the following steps:
 
 5. Confirm the action. - The user will be unassigned from the project.
 
-<MediaViewer thumbnail={require('./img/AssignUnassignAllUsersPage.png')} src="https://youtu.be/AMETdsGPg1g" alt="Assign and Unassign User From All Users page" type="video" />
+<MediaViewer src="https://youtu.be/AMETdsGPg1g" alt="Assign and Unassign User From All Users page" type="video" />
 
 ## Edit user's project role
 
@@ -123,7 +123,7 @@ steps:
 
 6. Click on the tick button.
 
-<MediaViewer thumbnail={require('./img/EditUserProjectRoleAllUsersPage.png')} src="https://youtu.be/SPsn1Pw3Tno" alt="Edit Project Role From All Users page" type="video" />
+<MediaViewer src="https://youtu.be/SPsn1Pw3Tno" alt="Edit Project Role From All Users page" type="video" />
 
 ## Delete user
 
@@ -140,7 +140,7 @@ To delete a user from ReportPortal, perform the following steps:
 5. Click the "Delete" button. The user will be deleted from the ReportPortal. All launches and shared data (filters,
 dashboards and widgets), that the user owns on the projects will be kept in ReportPortal.
 
-<MediaViewer thumbnail={require('./img/DeleteUserAllUsersPage.png')} src="https://youtu.be/T5PYG91iygU" alt="Delete User" type="video" />
+<MediaViewer src="https://youtu.be/T5PYG91iygU" alt="Delete User" type="video" />
 
 ## Edit user account role
 
@@ -161,7 +161,7 @@ To give Administrator role for any user, perform the following steps:
 5. Click "Change" button on pop-up window. Account role User will be changed to
     Administrator. The user account will be marked with "admin" label.
 
-<MediaViewer thumbnail={require('./img/MakeAdmin.png')} src="https://youtu.be/ZkACZLc1wAk" alt="Change Account Role to Administrator" type="video" />
+<MediaViewer src="https://youtu.be/ZkACZLc1wAk" alt="Change Account Role to Administrator" type="video" />
 
 **Take away ADMINISTRATOR role**
 
@@ -178,4 +178,4 @@ To take away Administrator account role, perform the following steps:
 5. Click "Change" button. Account role "Administrator" will be changed to
     "User".
 
-<MediaViewer thumbnail={require('./img/TakeAwayAdminRole.png')} src="https://youtu.be/pJbbmuXK2ZQ" alt="Take away Administrator role" type="video" />
+<MediaViewer src="https://youtu.be/pJbbmuXK2ZQ" alt="Take away Administrator role" type="video" />

docs/admin-panel/EventMonitoring.mdx

@@ -45,7 +45,7 @@ The **Old Value** and **New Value** columns display the changes that were made.
 
 You can filter activities by user, action, object type, and object name.
 
-<MediaViewer thumbnail={require('./img/EventMonitoring.png')} src="https://youtu.be/_Gz3s3PYYac" alt="Event monitoring in our test automation dashboard" type="video" />
+<MediaViewer src="https://youtu.be/_Gz3s3PYYac" alt="Event monitoring in our test automation dashboard" type="video" />
 
 Another way to view the event list in your project is by creating a ["Project Activity Panel" widget](/dashboards-and-widgets/ProjectActivityPanel).
 

docs/analysis/AutoAnalysisOfLaunches.mdx

@@ -177,7 +177,7 @@ All settings and configurations of Analyzer and ElasticSearch are situated on a
 
 2. Come on Project Settings, choose Auto-Analysis section;
 
-<MediaViewer thumbnail={require('./img/AutoAnalysisSettings.png')} src="https://youtu.be/0AK2OHD79Ps" alt="Auto-analysis settings for AI-based defects triage" type="video" />
+<MediaViewer src="https://youtu.be/0AK2OHD79Ps" alt="Auto-analysis settings for AI-based defects triage" type="video" />
 
 In this section user can perform the following actions:
 
@@ -242,7 +242,7 @@ You can **remove the Index from ElasticSearch** and all logs with there defect t
 Your investigations in ReportPortal will not be changed. The operation concerns only ElasticSearch base.
 :::
 
-<MediaViewer thumbnail={require('./img/RemoveIndex.png')} src="https://youtu.be/4Xhwu7NSeQ4" alt="Remove Index" type="video" />
+<MediaViewer src="https://youtu.be/4Xhwu7NSeQ4" alt="Remove Index" type="video" />
 
 Another option, you can **generate the Index in ElasticSearch**. In the case of generation, all data will be removed from ElasticSearch and the new one will be generated based on all previous investigations on the project following current analysis settings. 
 
@@ -257,7 +257,7 @@ The new base will be generated following logs and settings that are existing on
 :::
 * you have changed a parameter **Number of log lines** for 3.  But your existing index contains logs with value ALL. You can generate a new index, the old index will be removed, and a new one will be generated. Logs in the new index will contain 3 lines;  
 
-<MediaViewer thumbnail={require('./img/GenerateIndex.png')} src="https://youtu.be/HYvtZmIzfiA" alt="Generate Index" type="video" />
+<MediaViewer src="https://youtu.be/HYvtZmIzfiA" alt="Generate Index" type="video" />
 
 We strongly do not recommend use auto-analysis until the new index will be generated.
 
@@ -308,7 +308,7 @@ For option **Only current launch** you can not choose *Items analyzed automatica
 
 Any launches with an active analyzing process will be marked with the "Analysis" label. 
 
-<MediaViewer thumbnail={require('./img/AutoAnalysisLaunchedManually.png')} src="https://youtu.be/OmT2exhOdC4" alt="Auto-Analysis Launched Manually" type="video" />
+<MediaViewer src="https://youtu.be/OmT2exhOdC4" alt="Auto-Analysis Launched Manually" type="video" />
 
 ## Label AA
 

docs/analysis/MLSuggestions.md

@@ -51,4 +51,4 @@ ML suggestions section contains at maximum 5 suggested items, they are shown tog
 * the group "HIGH", test items with the score in the range [70% - 99.9%]
 * the group "LOW", test items with the score in the range [40% - 69.9%]
 
-<MediaViewer thumbnail={require('./img/MLSuggestions.png')} src="https://youtu.be/Ooggk-k5fTQ" alt="ML Suggestions" type="video" />
+<MediaViewer src="https://youtu.be/Ooggk-k5fTQ" alt="ML Suggestions" type="video" />

docs/analysis/ManualAnalysis.mdx

@@ -11,7 +11,7 @@ Manual Analysis is presented on our test report dashboard by “Make decision”
 
 Redesign of the “Make decision” modal was implemented in version 5.7. This feature helps to sort out auto tests and decide: What is the problem? How can it be marked? Is it required to post issue or link issue? It became easier to use this functionality after the redesign.  
 
-<MediaViewer thumbnail={require('./img/ManualAnalysis/MakeDecision.png')} src="https://youtu.be/ZdUj3SFqJV8" alt="Make Decision modal" type="video" />
+<MediaViewer src="https://youtu.be/ZdUj3SFqJV8" alt="Make Decision modal" type="video" />
 
 The “Make decision” modal can be opened in three ways: 
 
@@ -73,7 +73,7 @@ Now you can view all changes before applying. Expand the “Results will be appl
 
 There is also a possibility for Bulk update, when the changes are applied to all selected test items.
 
-<MediaViewer thumbnail={require('./img/ManualAnalysis/MakeDecisionBulk.png')} src="https://youtu.be/Jd9Ge0epQzg" alt="Bulk update with Make Decision" type="video" />
+<MediaViewer src="https://youtu.be/Jd9Ge0epQzg" alt="Bulk update with Make Decision" type="video" />
 
 <MediaViewer src={require('./img/ManualAnalysis/MakeDecision12.png')} alt="Select test items for Bulk update" />
 

docs/analysis/PatternAnalysis.mdx

@@ -35,7 +35,7 @@ So that the ReportPortal systems finds all failed items which have known pattern
 Find all items failed by the same reason by choosing a filter by Pattern Name on the Step view.
 Add The most popular pattern widget (TOP-20) and track the TOP-20 the most popular reason of test failing in the build.
 
-<MediaViewer thumbnail={require('./img/PatternAnalysis/AutoPatternAnalysis.png')} src="https://youtu.be/K3Wk_S4Cuko" alt="Pattern Analysis launched Automatically" type="video" />
+<MediaViewer src="https://youtu.be/K3Wk_S4Cuko" alt="Pattern Analysis launched Automatically" type="video" />
 
 ## Use case 2:
 
@@ -45,7 +45,7 @@ Add The most popular pattern widget (TOP-20) and track the TOP-20 the most popul
 name.
 Find all items failed by the same reason by choosing a filter by Pattern Name on the Step view.
 
-<MediaViewer thumbnail={require('./img/PatternAnalysis/ManualPatternAnalysis.png')} src="https://youtu.be/_BhG0Tu4H_I" alt="Pattern Analysis launched Manually" type="video" />
+<MediaViewer src="https://youtu.be/_BhG0Tu4H_I" alt="Pattern Analysis launched Manually" type="video" />
 
 
 

docs/analysis/SearchForTheSimilarToInvestigateItems.mdx

@@ -19,7 +19,7 @@ But there are a lot of failures with a similar unknown reason in the run. All su
 
 A user is on All launches, he clicks on "To investigate" and opens a list with items. When a user clicks on a pencil next to a defect type, the system opens the ["Make decision" modal](./ManualAnalysis#make-decision-modal-redesign). In this modal a user can see all items with "To investigate" defect type and the same failure reason.
 
-<MediaViewer thumbnail={require('./img/SearchForTheSimilarToInvestigateItems.png')} src="https://youtu.be/FyDdMX_PVyc" alt="Search for the similar To investigate items" type="video" />
+<MediaViewer src="https://youtu.be/FyDdMX_PVyc" alt="Search for the similar To investigate items" type="video" />
 
 There are 3 options for search the similar "To investigate" items on the Step level:
 

docs/analysis/UniqueErrorAnalysis.mdx

@@ -13,7 +13,7 @@ You can look at the test failure analysis from different points of view: qualita
 
 While failed tests allow you to understand what is broken, “Unique Error analysis” functionality implemented in version 5.7 will show you why it broke. The main advantage of this solution is that a list of all unique errors of the launch is presented in one place. Moreover, the system automatically groups tests by the same errors: when you expand some error, you see a list of steps where it occurred.
 
-<MediaViewer thumbnail={require('./img/UniqueErrorAnalysis/UniqueErrorVideo.png')} src="https://youtu.be/mOssRH7ZxUM" alt="Video of Unique Error functionality" type="video" />
+<MediaViewer src="https://youtu.be/mOssRH7ZxUM" alt="Video of Unique Error functionality" type="video" />
 
 **“Unique error auto-analysis”** is set ON by default.
 

docs/dashboards-and-widgets/ComponentHealthCheck.mdx

@@ -10,7 +10,7 @@ Shows the passing rate of the application components which are indicated by the
 :::note
 For using this widget you need to report (or add manually) attributes to test items.
 :::
-<MediaViewer thumbnail={require('./img/widget-types/ComponentHealthCheckView.png')} src="https://youtu.be/T98iy0mJk0s" alt="Component Health Check Video" type="video" />
+<MediaViewer src="https://youtu.be/T98iy0mJk0s" alt="Component Health Check Video" type="video" />
 
 **Widget's parameters:**
 - Filter

docs/dashboards-and-widgets/CumulativeTrendChart.mdx

@@ -9,7 +9,7 @@ Shows the growth trend of summary statistics of launches with the same attribute
 You can see a growth of statistics from the build to the build, or from version to version.
 A widget does not require an edit or new filter creation. If a new version (build, release or other) is added to ReportPortal, new information will be added to the graph.
 
-<MediaViewer thumbnail={require('./img/widget-types/CumulativeFirstLevelView.png')} src="https://youtu.be/F51a1JpEITo" alt="Cumulative Video" type="video" />
+<MediaViewer src="https://youtu.be/F51a1JpEITo" alt="Cumulative Video" type="video" />
 
 **Widget's parameters:**
 - Filter

docs/dashboards-and-widgets/ManageWidgets.mdx

@@ -25,7 +25,7 @@ To change a widget placement on the dashboard, perform the following: grab a wid
 When you move the widget to the area with sufficient space, the system highlights this place.
 The widgets located in this space, are moved to the relocatable widget place. Using this option the user can configure the desired location of the widgets on a dashboard.
 
-<MediaViewer thumbnail={require('./img/manage-widgets/CustomizeWidget.png')} src="https://youtu.be/icuOipeRtAU" alt="Customize widgets in our qa automation dashboard" type="video" />
+<MediaViewer src="https://youtu.be/icuOipeRtAU" alt="Customize widgets in our qa automation dashboard" type="video" />
 
 ## Edit widget
 
@@ -37,7 +37,7 @@ To create a new widget for data visualization, perform the following steps:
 
 3. Make the necessary changes and click the "Save" button. The widget will be updated.
 
-<MediaViewer thumbnail={require('./img/manage-widgets/EditWidget.png')} src="https://youtu.be/F-K0sM66lhY" alt="Edit Widget" type="video" />
+<MediaViewer src="https://youtu.be/F-K0sM66lhY" alt="Edit Widget" type="video" />
 
 ## View widgets in full-screen mode
 
@@ -61,4 +61,4 @@ To delete the widget:
 
 3. The widget will be deleted from the system.
 
-<MediaViewer thumbnail={require('./img/manage-widgets/DeleteWidget.png')} src="https://youtu.be/pACkyeSH5mc" alt="Delete Widget" type="video" />
+<MediaViewer src="https://youtu.be/pACkyeSH5mc" alt="Delete Widget" type="video" />

docs/dashboards-and-widgets/MostTimeConsumingTestCasesWidgetTop20.mdx

@@ -44,6 +44,6 @@ Bar chart where:
 Bar color specifies a color of execution.
 On mouse hover, the system will display accurate start times.
 
-<MediaViewer thumbnail={require('./img/widget-types/TheMostTimeConsumingTestCasesWidgetBar.png')} src="https://youtu.be/tYaPUW9Uwmk" alt="Most Time Consuming Test Cases Widget Video" type="video" />
+<MediaViewer src="https://youtu.be/tYaPUW9Uwmk" alt="Most Time Consuming Test Cases Widget Video" type="video" />
 
 <MediaViewer src={require('./img/widget-types/TheMostTimeConsumingTestCasesWidgetTable.png')} alt="Dashboard for QA automation: Most Time Consuming Test Cases Table" />

docs/dashboards-and-widgets/ProjectActivityPanel.mdx

@@ -24,4 +24,4 @@ The actions on the widget are present in a table, separated by days. Action mess
 
 <MediaViewer src={require('./img/widget-types/ProjectActivityPanel.png')} alt="Dashboard to manage test results: Project Activity Panel Widget" />
 
-<MediaViewer thumbnail={require('./img/widget-types/ProjectActivityPanel.png')} src="https://youtu.be/8njOHQ4Xy2s" alt="How to create Project Activity Panel widget in our test automation results dashboard " type="video" />
+<MediaViewer src="https://youtu.be/8njOHQ4Xy2s" alt="How to create Project Activity Panel widget in our test automation results dashboard " type="video" />

docs/dashboards-and-widgets/TableComponentHealthCheck.mdx

@@ -40,7 +40,7 @@ But if you run a new version (for instance version: xxx+1), you should repeat pr
 
 Widget logic is the same as for [Component health check](./ComponentHealthCheck).
 
-<MediaViewer thumbnail={require('./img/widget-types/ComponentHealthCheckTableBuild.png')} src="https://youtu.be/uRCpA7zivZU" alt="Component Health Check Table Widget Video" type="video" />
+<MediaViewer src="https://youtu.be/uRCpA7zivZU" alt="Component Health Check Table Widget Video" type="video" />
 
 **Widget's parameters:**
 

docs/dashboards-and-widgets/WidgetCreation.mdx

@@ -31,7 +31,7 @@ To create a new widget, perform the following steps:
 
 Widgets are automatically refreshed every minute.
 
-<MediaViewer thumbnail={require('./img/manage-widgets/CreateWidget.png')} src="https://youtu.be/GdyAM_6Nz10" alt="Create widget for test report&analytics dashboard" type="video" />
+<MediaViewer src="https://youtu.be/GdyAM_6Nz10" alt="Create widget for test report&analytics dashboard" type="video" />
 
 ## Predefined widgets types
 

docs/dashboards-and-widgets/WorkWithDashboards.mdx

@@ -28,7 +28,7 @@ project. You can add the description for your dashboard as well.
 
 Now you can add widgets to the dashboard.
 
-<MediaViewer thumbnail={require('./img/dashboards/CreateDashboard.png')} src="https://youtu.be/dP_AqeWWu7w" alt="Create test execution dashboard" type="video" />
+<MediaViewer src="https://youtu.be/dP_AqeWWu7w" alt="Create test execution dashboard" type="video" />
 
 ## Edit dashboard
 
@@ -44,7 +44,7 @@ click the name of the dashboard and click 'Edit' button in the header of the das
 4. Make the necessary changes and click "Update" button. The dashboard will
 be displayed with updates.
 
-<MediaViewer thumbnail={require('./img/dashboards/EditDashboard.png')} src="https://youtu.be/BuzggC_kKcs" alt="Edit dashboard" type="video" />
+<MediaViewer src="https://youtu.be/BuzggC_kKcs" alt="Edit dashboard" type="video" />
 
 ## Delete dashboard
 
@@ -56,4 +56,4 @@ To remove a dashboard from the project, perform the following steps:
 
 The dashboard and related widgets will be deleted from the system.
 
-<MediaViewer thumbnail={require('./img/dashboards/DeleteDashboard.png')} src="https://youtu.be/ICqrwD5rRLU" alt="Delete dashboard" type="video" />
+<MediaViewer src="https://youtu.be/ICqrwD5rRLU" alt="Delete dashboard" type="video" />

docs/log-data-in-reportportal/ImportDataToReportPortal.mdx

@@ -35,11 +35,11 @@ Files that were copied earlier stay in the RP file storage
 :::
 When all of the valid log files are downloaded and processed the 'OK' button is enabled. The 'OK' button closes the Import launches pop-up window. The Zip archive is then deleted after the Import is finished or canceled.
 
-<MediaViewer thumbnail={require('./img/Import.png')} src="https://youtu.be/238DO03guaA" alt="Import data to our test automation reporting platform" type="video" />
+<MediaViewer src="https://youtu.be/238DO03guaA" alt="Import data to our test automation reporting platform" type="video" />
 
 You can only interrupt the import in UI when files are being downloaded into the RP file storage. In this case, you should hit the 'Cancel' button (or X button in the pop-up window) and confirm the cancellation of import and then hit the 'Cancel' button again.
 
-<MediaViewer thumbnail={require('./img/ImportBreak.png')} src="https://youtu.be/Qf_vY0J7xGA" alt="Import Break" type="video" />
+<MediaViewer src="https://youtu.be/Qf_vY0J7xGA" alt="Import Break" type="video" />
 
 ## Import via API
 
@@ -93,6 +93,4 @@ If you don't want to mark skipped items as "To Investigate", use the following r
 curl -X 'POST' 'http://localhost:8585/api/v1/testProject/launch/import?skippedIsNotIssue=true'
 ```
 
-<MediaViewer thumbnail={require('./img/ImportViaAPI.png')} src="https://youtu.be/SkUBTNBWiqs" alt="Import via API on our test automation results dashboard" type="video" />
-
-
+<MediaViewer src="https://youtu.be/SkUBTNBWiqs" alt="Import via API on our test automation results dashboard" type="video" />