fix(theme): fixed review page is empty if there are no reviews (#485)

Author: Diegoalbag

packages/theme/lang/de.js

@@ -181,5 +181,6 @@ export default {
   "You haven’t searched for items yet": "Sie haben noch nicht nach Artikeln gesucht.",
   "Your bag is empty": "Ihre Tasche ist leer",
   "Your current email address is": "Ihre aktuelle E-Mail-Adresse lautet",
-  "Your email": "Deine E-Mail"
+  "Your email": "Deine E-Mail",
+  'You have submitted no reviews': 'Sie haben keine Bewertungen abgegeben',
 };

packages/theme/lang/en.js

@@ -176,5 +176,6 @@ export default {
   "You haven’t searched for items yet": "You haven’t searched for items yet.",
   "Your bag is empty": "Your bag is empty",
   "Your current email address is": "Your current email address is",
-  "Your email": "Your email"
+  "Your email": "Your email",
+  'You have submitted no reviews': 'You have submitted no reviews',
 };

packages/theme/pages/MyAccount/MyReviews.vue

@@ -39,6 +39,14 @@
           </div>
         </template>
       </SfReview>
+      <div
+        v-if="userReviews.length === 0"
+        class="no-reviews"
+      >
+        <p class="no-reviews__title">
+          {{ $t('You have submitted no reviews') }}.
+        </p>
+      </div>
     </SfTab>
   </SfTabs>
 </template>
@@ -86,6 +94,13 @@ export default defineComponent({
 </script>
 
 <style lang='scss' scoped>
+.no-reviews {
+  &__title {
+    margin: 0 0 var(--spacer-lg) 0;
+    font: var(--font-weight--normal) var(--font-size--base) / 1.6 var(--font-family--primary);
+  }
+}
+
 .tab-orphan {
   @include for-mobile {
     --tabs-title-display: none;