Fix conflicting style names

software-mansion-labs · Feb 23, 2024 · 14fc343 · 14fc343
1 parent 87cb85f
commit 14fc343
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/HeaderWithBackButton/index.tsx b/src/components/HeaderWithBackButton/index.tsx
@@ -80,8 +80,8 @@ function HeaderWithBackButton({
                     {/* Uses absolute positioning so that it's always centered instead of being affected by the
                     presence or absence of back/close buttons to the left/right of it */}
                     <View style={styles.progressBarContainer}>
-                        <View style={styles.progressBar}>
-                            <View style={[{width: `${progressBarPercentage}%`}, styles.progressBarFill]} />
+                        <View style={styles.headerProgressBar}>
+                            <View style={[{width: `${progressBarPercentage}%`}, styles.headerProgressBarFill]} />
                         </View>
                     </View>
                 </>

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -4414,15 +4414,15 @@ const styles = (theme: ThemeColors) =>
             width: '100%',
         },
 
-        progressBar: {
+        headerProgressBar: {
             width: variables.componentSizeMedium,
             height: variables.iconSizeXXXSmall,
             borderRadius: variables.componentBorderRadiusRounded,
             backgroundColor: theme.progressBarBackground,
             alignSelf: 'center',
         },
 
-        progressBarFill: {
+        headerProgressBarFill: {
             borderRadius: variables.componentBorderRadiusRounded,
             height: '100%',
             backgroundColor: theme.progressBarFill,