인사이트 상세, 토스트 ui fix (#257)

CCC-org · Oct 14, 2023 · 7ca24a4 · 7ca24a4
1 parent eb307b3
commit 7ca24a4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/components/bars/Toasts.tsx b/src/components/bars/Toasts.tsx
@@ -4,23 +4,23 @@ import Toast from 'react-native-toast-message';
 import theme from '../../theme/light';
 import { SvgXml } from 'react-native-svg';
 import copyLinkXml from '../../../assets/svgs/copyLinkXml';
-
+import { BlurView } from 'expo-blur';
 const toastConfig = {
   snackbar: (props) => (
     <View
       style={{
-        backgroundColor: 'white',
+        borderRadius: 8,
+        overflow: 'hidden',
       }}
     >
-      <View
+      <BlurView
+        intensity={16}
         style={{
           width: 343,
           paddingHorizontal: 16,
           paddingVertical: 8,
-          borderRadius: 8,
           backgroundColor: `${theme.colors.graphic.black}cc`,
           alignContent: 'center',
-          opacity: 1,
         }}
       >
         <Text
@@ -32,20 +32,21 @@ const toastConfig = {
         >
           {props.text1}
         </Text>
-      </View>
+      </BlurView>
     </View>
   ),
   copySnackbar: (props) => (
     <View
       style={{
-        backgroundColor: 'white',
+        borderRadius: 8,
+        overflow: 'hidden',
       }}
     >
-      <View
+      <BlurView
+        intensity={16}
         style={{
           width: 343,
           marginHorizontal: 16,
-          borderRadius: 8,
           backgroundColor: `${theme.colors.graphic.black}cc`,
           alignContent: 'center',
         }}
@@ -93,7 +94,7 @@ const toastConfig = {
             </Text>
           </Pressable>
         </View>
-      </View>
+      </BlurView>
     </View>
   ),
 };

diff --git a/src/components/cards/LinkCard.tsx b/src/components/cards/LinkCard.tsx
@@ -43,8 +43,6 @@ function createStyles(props: customProps) {
   const styles = StyleSheet.create({
     container: {
       width: props.width,
-      borderWidth: 1,
-      borderColor: '#12131420',
       borderRadius: 8,
       flexDirection: 'row',
     },

diff --git a/src/components/profile/Profile.tsx b/src/components/profile/Profile.tsx
@@ -39,7 +39,7 @@ const Profile = ({
           <View style={styles.Description}>
             <Text style={theme.fonts.text.body2.bold}>{nickname}</Text>
             <Text
-              style={{ ...theme.fonts.text.caption1, color: `${theme.colors.graphic.black}50` }}
+              style={{ ...theme.fonts.text.caption1, color: `${theme.colors.graphic.black}80` }}
             >
               {title} ∙ {getTimeInterval(new Date().getTime() - new Date(createdAt).getTime())}
             </Text>