fix quote's in testimonials

news/5.bugfix

@@ -0,0 +1 @@
+fix quote's  in testimonials being typographically not correct. @jonaspiterek

src/components/DefaultBody.jsx

@@ -4,7 +4,8 @@ import config from '@plone/volto/registry';
 
 const DefaultImage = (props) => <img {...props} alt={props.alt || ''} />;
 
-const TestimonialsBody = ({ data, isActive }) => {
+const TestimonialsBody = (props) => {
+  const { data, isActive, intl } = props;
   const image = data.image?.[0];
 
   const Image = config.getComponent('Image').component || DefaultImage;
@@ -18,7 +19,15 @@ const TestimonialsBody = ({ data, isActive }) => {
     >
       <div className="teaser-item top">
         <div className="teaser-item-title fix-width-issue">
-          <p className="testimonial">"{data?.testimonial}"</p>
+          <p
+            className="testimonial"
+            lang={
+              data.testimonialLanguage !== intl.locale &&
+              data.testimonialLanguage
+            }
+          >
+            {data?.testimonial}
+          </p>
           <div className="person">
             <Image
               item={image}

src/components/schema.js

@@ -12,6 +12,10 @@ const messages = defineMessages({
     id: 'Testimonial',
     defaultMessage: 'Testimonial',
   },
+  testimonialLanguage: {
+    id: 'Language',
+    defaultMessage: 'Language',
+  },
   image: {
     id: 'Image',
     defaultMessage: 'Image',
@@ -36,6 +40,11 @@ const messages = defineMessages({
     id: 'Add item',
     defaultMessage: 'Add item',
   },
+  description: {
+    id: 'This field is not exposed, it is only used by accessibility tools to provide a better experience.',
+    defaultMessage:
+      'This field is not exposed, it is only used by accessibility tools to provide a better experience.',
+  },
 });
 
 export const itemSchema = (props) =>
@@ -47,7 +56,13 @@ export const itemSchema = (props) =>
         {
           id: 'default',
           title: 'Default',
-          fields: ['testimonial', 'image', 'name', 'additionalData'],
+          fields: [
+            'testimonial',
+            'image',
+            'name',
+            'additionalData',
+            'testimonialLanguage',
+          ],
         },
       ],
 
@@ -68,6 +83,13 @@ export const itemSchema = (props) =>
         additionalData: {
           title: props.intl.formatMessage(messages.additionalData),
         },
+        testimonialLanguage: {
+          title: props.intl.formatMessage(messages.testimonialLanguage),
+          vocabulary: {
+            '@id': 'plone.app.vocabularies.SupportedContentLanguages',
+          },
+          description: props.intl.formatMessage(messages.description),
+        },
       },
       required: [],
     },

src/theme/main.less

@@ -9,6 +9,36 @@
   --slider-dots-bg: #ececec;
 }
 
+html {
+  &[lang='de'] {
+    .block.testimonials {
+      p.testimonial {
+        &::before {
+          content: '„';
+        }
+
+        &::after {
+          content: '“';
+        }
+      }
+    }
+  }
+
+  &[lang='en'] {
+    .block.testimonials {
+      p.testimonial {
+        &::before {
+          content: '"';
+        }
+
+        &::after {
+          content: '"';
+        }
+      }
+    }
+  }
+}
+
 .testimonials-wrapper {
   position: relative;
   overflow: hidden;