Dialog - Header - fix knob's color (#2819)

M-i-k-e-l · web-flow · commit b45ce690444d · 2023-11-22T15:04:05.000+02:00
diff --git a/src/incubator/Dialog/DialogHeader.tsx b/src/incubator/Dialog/DialogHeader.tsx
@@ -30,7 +30,7 @@ const DialogHeader = (props: DialogHeaderProps = {}) => {
 
   const knob = useMemo(() => {
     if (showKnob) {
-      return <View style={styles.knob}/>;
+      return <View style={[styles.knob, {backgroundColor: Colors.$outlineDefault}]}/>;
     }
   }, [showKnob]);
 
@@ -102,7 +102,6 @@ const styles = StyleSheet.create({
     height: Spacings.s1,
     marginTop: Spacings.s2,
     marginBottom: Spacings.s2,
-    backgroundColor: Colors.$outlineDefault,
     borderRadius: BorderRadiuses.br10
   }
 });

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ const DialogHeader = (props: DialogHeaderProps = {}) => {`
`30`	`30`
`31`	`31`	`const knob = useMemo(() => {`
`32`	`32`	`if (showKnob) {`
`33`		`- return <View style={styles.knob}/>;`
	`33`	`+ return <View style={[styles.knob, {backgroundColor: Colors.$outlineDefault}]}/>;`
`34`	`34`	`}`
`35`	`35`	`}, [showKnob]);`
`36`	`36`
`@@ -102,7 +102,6 @@ const styles = StyleSheet.create({`
`102`	`102`	`height: Spacings.s1,`
`103`	`103`	`marginTop: Spacings.s2,`
`104`	`104`	`marginBottom: Spacings.s2,`
`105`		`- backgroundColor: Colors.$outlineDefault,`
`106`	`105`	`borderRadius: BorderRadiuses.br10`
`107`	`106`	`}`
`108`	`107`	`});`