Merge pull request #433 from UN-OCHA/UNO-817-view-mode

[UNO-817] Paragraph view mode theme suggestion

html/modules/custom/unocha_paragraphs/unocha_paragraphs.module

@@ -491,3 +491,20 @@ function unocha_paragraphs_form_node_form_alter(array &$form, FormStateInterface
     $form['sticky']['#access'] = FALSE;
   }
 }
+
+/**
+ * Implements hook_theme_suggestions_HOOK_alter() for 'paragraph'.
+ *
+ * Add a theme hook suggestion for the paragraph view mode field so that
+ * we can differentiate the paragraphs in the form when they are rendered as
+ * previews.
+ */
+function unocha_paragraphs_theme_suggestions_paragraph_alter(array &$suggestions, array $variables) {
+  if (isset($variables['elements']['#view_mode'], $variables['elements']['#paragraph'])) {
+    $viewmode = $variables['elements']['#view_mode'];
+    $paragraph = $variables['elements']['#paragraph'];
+    if (!empty($paragraph->paragraph_view_mode?->value)) {
+      $suggestions[] = 'paragraph__' . $paragraph->bundle() . '__' . $viewmode . '__' . $paragraph->paragraph_view_mode->value;
+    }
+  }
+}

html/themes/custom/common_design_claro/templates/paragraphs/paragraph--reliefweb-river.html.twig

@@ -1 +1,4 @@
-{% include '@common_design_subtheme/paragraphs/paragraph--reliefweb-river.html.twig' %}
+{% include '@common_design_subtheme/paragraphs/paragraph--reliefweb-river.html.twig' with {
+    'attributes': attributes.addClass('paragraph--view-mode--' ~ paragraph.paragraph_view_mode.value)
+  }
+%}