@bytebrand/fe-ui-core 4.2.194 → 4.2.196

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.2.194",
3
+ "version": "4.2.196",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
@@ -1,6 +1,7 @@
1
1
  import React, { useState, useEffect, useRef, FunctionComponent } from 'react';
2
2
  import _get from 'lodash/get';
3
- import { Hidden, Visible } from 'react-grid-system';
3
+ import { Hidden } from 'react-grid-system';
4
+ import { isMobileOnly } from 'react-device-detect';
4
5
  import PriceContent from './partials/PriceContent';
5
6
  import Title from './partials/Title';
6
7
  import Price from './partials/Price';
@@ -148,13 +149,13 @@ const VehicleDetailedSidebar: FunctionComponent<IVehicleDetailedSidebarProps> =
148
149
  <Title {...titleProps} />
149
150
  <Price {...priceProps} />
150
151
  <Price {...priceProps} isSticky={true} />
151
- <Visible xs sm md>
152
+ {isMobileOnly && (
152
153
  <div
153
154
  ref={ref}
154
155
  data-locale='de-DE'
155
156
  data-template-id='5419b6a8b0d04a076446a9ad'
156
157
  data-businessunit-id='46edfd1c0000640005017f22'
157
- data-style-height='42px'
158
+ data-style-height='32px'
158
159
  data-style-width='100%'
159
160
  data-theme='light'
160
161
  data-style-alignment='center'
@@ -167,7 +168,7 @@ const VehicleDetailedSidebar: FunctionComponent<IVehicleDetailedSidebarProps> =
167
168
  Trustpilot
168
169
  </a>
169
170
  </div>
170
- </Visible>
171
+ )}
171
172
  {props.children}
172
173
  </div>
173
174
  <div>