@bytebrand/fe-ui-core 4.2.191 → 4.2.192

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.191",
+  "version": "4.2.192",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/VehicleDetailedSidebar/VehicleDetailedSidebar.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef, FunctionComponent } from 'react';
 import _get from 'lodash/get';
-import { Hidden } from 'react-grid-system';
+import { Hidden, Visible } from 'react-grid-system';
 import PriceContent from './partials/PriceContent';
 import Title from './partials/Title';
 import Price from './partials/Price';
@@ -148,24 +148,26 @@ const VehicleDetailedSidebar: FunctionComponent<IVehicleDetailedSidebarProps> =
         <Title {...titleProps} />
         <Price {...priceProps} />
         <Price {...priceProps} isSticky={true} />
-        <div
-          ref={ref}
-          data-locale='de-DE'
-          data-template-id='5419b6a8b0d04a076446a9ad'
-          data-businessunit-id='46edfd1c0000640005017f22'
-          data-style-height='42px'
-          data-style-width='100%'
-          data-theme='light'
-          data-style-alignment='center'
-        >
-          <a
-            href='https://de.trustpilot.com/review/www.auto.de'
-            target='_blank'
-            rel='noopener noreferrer'
+        <Visible xs sm md>
+          <div
+            ref={ref}
+            data-locale='de-DE'
+            data-template-id='5419b6a8b0d04a076446a9ad'
+            data-businessunit-id='46edfd1c0000640005017f22'
+            data-style-height='42px'
+            data-style-width='100%'
+            data-theme='light'
+            data-style-alignment='center'
           >
-            Trustpilot
-          </a>
-        </div>
+            <a
+              href='https://de.trustpilot.com/review/www.auto.de'
+              target='_blank'
+              rel='noopener noreferrer'
+            >
+              Trustpilot
+            </a>
+          </div>
+        </Visible>
         {props.children}
       </div>
       <div>