fix: font weight in video feed screen

Signed-off-by: clegirar <[email protected]>
TERITORI · Dec 18, 2024 · e1b6790 · e1b6790
1 parent b43cbe8
commit e1b6790
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 34 deletions.
diff --git a/packages/components/mini/SelectPicture.tsx b/packages/components/mini/SelectPicture.tsx
@@ -10,7 +10,7 @@ import { SVG } from "@/components/SVG";
 import { CustomPressable } from "@/components/buttons/CustomPressable";
 import { IMAGE_MIME_TYPES } from "@/utils/mime";
 import { neutral33 } from "@/utils/style/colors";
-import { fontSemibold14 } from "@/utils/style/fonts";
+import { fontRegular14 } from "@/utils/style/fonts";
 import { layout } from "@/utils/style/layout";
 import { LocalFileData } from "@/utils/types/files";
 
@@ -107,7 +107,7 @@ export const SelectPicture = ({
           >
             <SVG source={Img} width={16} height={16} />
             {squareSelectorOptions.placeholder && (
-              <BrandText style={fontSemibold14}>
+              <BrandText style={fontRegular14}>
                 {squareSelectorOptions.placeholder}
               </BrandText>
             )}

diff --git a/packages/components/video/FeedVideosList.tsx b/packages/components/video/FeedVideosList.tsx
@@ -14,7 +14,7 @@ import { useAppMode } from "../../hooks/useAppMode";
 import useSelectedWallet from "../../hooks/useSelectedWallet";
 import { NetworkFeature } from "../../networks";
 import { zodTryParseJSON } from "../../utils/sanitize";
-import { fontSemibold20 } from "../../utils/style/fonts";
+import { fontRegular20, fontSemibold20 } from "../../utils/style/fonts";
 import { layout } from "../../utils/style/layout";
 import { ZodSocialFeedVideoMetadata } from "../../utils/types/feed";
 import { BrandText } from "../BrandText";
@@ -93,7 +93,7 @@ export const FeedVideosList: React.FC<{
   return (
     <View style={[containerCStyle, style]}>
       <View style={oneLineCStyle}>
-        <BrandText style={fontSemibold20} numberOfLines={1}>
+        <BrandText style={fontRegular20} numberOfLines={1}>
           {title}
         </BrandText>
 

diff --git a/packages/components/video/UploadVideoButton.tsx b/packages/components/video/UploadVideoButton.tsx
@@ -3,7 +3,7 @@ import { TextStyle, TouchableOpacity, ViewStyle } from "react-native";
 
 import Upload from "../../../assets/icons/upload_alt.svg";
 import { neutral30, primaryColor } from "../../utils/style/colors";
-import { fontSemibold14 } from "../../utils/style/fonts";
+import { fontRegular14 } from "../../utils/style/fonts";
 import { layout } from "../../utils/style/layout";
 import { BrandText } from "../BrandText";
 import { SVG } from "../SVG";
@@ -31,7 +31,7 @@ const buttonContainerStyle: ViewStyle = {
   borderRadius: 999,
 };
 const buttonTextStyle: TextStyle = {
-  ...fontSemibold14,
+  ...fontRegular14,
 
   color: primaryColor,
 };
diff --git a/packages/components/video/UploadVideoModal.tsx b/packages/components/video/UploadVideoModal.tsx
@@ -30,7 +30,7 @@ import {
   primaryColor,
   secondaryColor,
 } from "../../utils/style/colors";
-import { fontSemibold14 } from "../../utils/style/fonts";
+import { fontRegular14, fontSemibold14 } from "../../utils/style/fonts";
 import { layout } from "../../utils/style/layout";
 import {
   CustomLatLngExpression,
@@ -274,7 +274,7 @@ export const UploadVideoModal: FC<{
                       <View style={uploadButtonStyle}>
                         <SVG source={Img} width={16} height={16} />
                         <SpacerRow size={1} />
-                        <BrandText style={fontSemibold14}>
+                        <BrandText style={fontRegular14}>
                           Video Thumbnail
                         </BrandText>
                       </View>
@@ -434,14 +434,7 @@ export const UploadVideoModal: FC<{
         </TouchableOpacity>
 
         <SpacerColumn size={3} />
-        <BrandText
-          style={[
-            fontSemibold14,
-            {
-              color: neutral77,
-            },
-          ]}
-        >
+        <BrandText style={[fontRegular14, { color: neutral77 }]}>
           Provide 2k video for highest video quality.
         </BrandText>
         <SpacerColumn size={2.5} />
@@ -506,7 +499,7 @@ const buttonContainerStyle: ViewStyle = {
   backgroundColor: neutral30,
 };
 const buttonTextStyle: TextStyle = {
-  ...fontSemibold14,
+  ...fontRegular14,
   color: primaryColor,
 };
 const imgStyle: ImageStyle = {
@@ -527,7 +520,7 @@ const footerStyle: ViewStyle = {
   paddingVertical: layout.spacing_x2,
 };
 const footerTextStyle: TextStyle = {
-  ...fontSemibold14,
+  ...fontRegular14,
 
   color: neutral77,
   width: "55%",

diff --git a/packages/components/video/VideoCard.tsx b/packages/components/video/VideoCard.tsx
@@ -23,11 +23,7 @@ import {
   neutralFF,
   withAlpha,
 } from "../../utils/style/colors";
-import {
-  fontMedium13,
-  fontSemibold13,
-  fontSemibold14,
-} from "../../utils/style/fonts";
+import { fontRegular13, fontRegular14 } from "../../utils/style/fonts";
 import { layout, RESPONSIVE_BREAKPOINT_S } from "../../utils/style/layout";
 import { tinyAddress } from "../../utils/text";
 import { ZodSocialFeedVideoMetadata } from "../../utils/types/feed";
@@ -74,7 +70,7 @@ export const VideoCard: React.FC<{
 
   if (!video)
     return (
-      <BrandText style={[fontSemibold13, { color: errorColor }]}>
+      <BrandText style={[fontRegular13, { color: errorColor }]}>
         Video not found
       </BrandText>
     );
@@ -117,7 +113,7 @@ export const VideoCard: React.FC<{
           />
 
           <View style={imgDurationBoxStyle}>
-            <BrandText style={fontSemibold13}>
+            <BrandText style={fontRegular13}>
               {prettyMediaDuration(video.videoFile.videoMetadata?.duration)}
             </BrandText>
           </View>
@@ -139,21 +135,15 @@ export const VideoCard: React.FC<{
         </CustomPressable>
 
         <SpacerColumn size={1.5} />
-        <BrandText style={[fontSemibold14, { height: 40 }]} numberOfLines={2}>
+        <BrandText style={[fontRegular14, { height: 40 }]} numberOfLines={2}>
           {video?.title.trim()}
         </BrandText>
 
         {!hideDescription && video?.description && (
           <>
             <SpacerColumn size={0.5} />
             <BrandText
-              style={[
-                fontMedium13,
-                {
-                  color: neutral77,
-                  height: 36,
-                },
-              ]}
+              style={[fontRegular13, { color: neutral77, height: 36 }]}
               numberOfLines={2}
             >
               {video?.description?.trim()}
@@ -231,5 +221,5 @@ const positionButtonBoxStyle: ViewStyle = {
 };
 
 const contentNameStyle: TextStyle = {
-  ...fontSemibold14,
+  ...fontRegular14,
 };