diff --git a/src/features/search/components/Placeholders.tsx b/src/features/search/components/Placeholders.tsx
index 09582dfcc9e..40d287599c0 100644
--- a/src/features/search/components/Placeholders.tsx
+++ b/src/features/search/components/Placeholders.tsx
@@ -1,68 +1,48 @@
import React from 'react'
-import ContentLoader from 'react-content-loader/native'
-import { Dimensions } from 'react-native'
-import { G, Rect } from 'react-native-svg'
+import { View } from 'react-native'
import styled from 'styled-components/native'
-import { getSpacing, Spacer, UniqueColors } from 'ui/theme'
+import { SkeletonTile } from 'features/home/atoms/SkeletonTile'
+import { getSpacing, Spacer } from 'ui/theme'
const borderRadius = 4
-const { width: windowWidth } = Dimensions.get('window')
const imageWidth = getSpacing(16)
const imageHeight = getSpacing(24) // ratio 2/3
const BasePlaceholder = ({ height, width }: { height: number; width: number }) => (
-
+
)
+
const TextPlaceholder = ({ width, height }: { width: number; height?: number }) => (
-
+
)
export const NumberOfResultsPlaceholder = () => (
-
-
-
+
)
-export const HitPlaceholder = () => {
- const x = imageWidth + getSpacing(4)
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
+export const HitPlaceholder = () => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+)
const Container = styled.View({ marginHorizontal: getSpacing(6) })
const Row = styled.View({ flexDirection: 'row', alignItems: 'center' })