From da9cf5b00bfd2b06f185b65dc8647d3114d7e15b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Perttu=20L=C3=A4hteenlahti?= <perttu@noice.com>
Date: Tue, 3 Sep 2024 00:46:17 +0200
Subject: [PATCH] chore: improving

---
 src/components/NoPreview.tsx         |  5 +++--
 src/components/layout/ScrollView.tsx | 11 +++++++++--
 src/components/row/ButtonRow.tsx     |  1 -
 src/views/SiteView.tsx               |  4 ++--
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/NoPreview.tsx b/src/components/NoPreview.tsx
index 646ee24..21b1d9a 100644
--- a/src/components/NoPreview.tsx
+++ b/src/components/NoPreview.tsx
@@ -1,12 +1,13 @@
 import { View, ViewProps } from 'react-native'
 import FontAwesome5 from 'react-native-vector-icons/FontAwesome5'
+import colors from 'tailwindcss/colors'
 
 export const NoPreview = ({ className, ...rest }: ViewProps) => {
   return (
     <View
-      className={`bg-gray-500 h-full w-full justify-center items-center ${className}`}
+      className={`bg-gray-500 h-full w-full justify-center items-center  ${className}`}
       {...rest}>
-      <FontAwesome5 color="red" size={25} name="safari" brand />
+      <FontAwesome5 color={colors.gray[900]} size={25} name="safari" brand />
     </View>
   )
 }
diff --git a/src/components/layout/ScrollView.tsx b/src/components/layout/ScrollView.tsx
index b237bfa..43506ef 100644
--- a/src/components/layout/ScrollView.tsx
+++ b/src/components/layout/ScrollView.tsx
@@ -119,7 +119,7 @@ export const AnimatedScrollView = ({
         {children}
       </Animated.ScrollView>
       <AnimatedBlurView
-        blurType="light"
+        blurType="regular"
         className="absolute top-0 left-0 right-0 px-4"
         style={[
           {
@@ -132,7 +132,14 @@ export const AnimatedScrollView = ({
         <View className="flex-row items-center justify-between">
           <View className="flex-1 justify-center">
             {goBack ? (
-              <TouchableOpacity>
+              <TouchableOpacity
+                onPress={goBack}
+                className="flex-row gap-x-2 items-center">
+                <FontAwesome5
+                  color={colors.gray[700]}
+                  name="chevron-left"
+                  size={20}
+                />
                 <Text className="text-base font-medium">Back</Text>
               </TouchableOpacity>
             ) : null}
diff --git a/src/components/row/ButtonRow.tsx b/src/components/row/ButtonRow.tsx
index 8264ca7..0274351 100644
--- a/src/components/row/ButtonRow.tsx
+++ b/src/components/row/ButtonRow.tsx
@@ -26,7 +26,6 @@ export const ButtonRow = ({
           className={`
             font-medium
             text-base
-            flex-1
             ${type === 'action' ? 'text-blue-500' : 'text-red-500'}
         `}>
           {title}
diff --git a/src/views/SiteView.tsx b/src/views/SiteView.tsx
index f7dde95..1a33700 100644
--- a/src/views/SiteView.tsx
+++ b/src/views/SiteView.tsx
@@ -38,7 +38,7 @@ export const Site = ({
         <View>
           <Card.Title className="mb-2">Preview</Card.Title>
           <Card>
-            <View className="h-40 w-full p-2">
+            <View className="h-48 w-full p-2">
               {site.data?.screenshot_url ? (
                 <Image
                   className="h-full w-full overflow-hidden rounded-sm"
@@ -46,7 +46,7 @@ export const Site = ({
                   source={{ uri: site.data?.screenshot_url }}
                 />
               ) : (
-                <NoPreview className="rounded-sm" />
+                <NoPreview className="rounded-md" />
               )}
             </View>
           </Card>