Ambiance: check typeof elevation to allow for 0 value

gameflow-tv · Feb 20, 2022 · f15316b · f15316b
1 parent c5587cf
commit f15316b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/lib/providers/AmbianceProvider.stories.tsx b/src/lib/providers/AmbianceProvider.stories.tsx
@@ -42,7 +42,19 @@ export const Sample = () => {
               <AmbientBox>
                 <AmbientBox>
                   <AmbientBox>
-                    <AmbientBox></AmbientBox>
+                    <AmbientBox>
+                      <Ambiance elevation={0}>
+                        <AmbianceContext.Consumer>
+                          {(ambiance) => {
+                            return (
+                              <ColorBox color={ambiance.color}>
+                                <p>Elevation (forced): {ambiance.elevation}</p>
+                              </ColorBox>
+                            )
+                          }}
+                        </AmbianceContext.Consumer>
+                      </Ambiance>
+                    </AmbientBox>
                   </AmbientBox>
                 </AmbientBox>
               </AmbientBox>

diff --git a/src/lib/providers/AmbianceProvider.tsx b/src/lib/providers/AmbianceProvider.tsx
@@ -27,9 +27,9 @@ const Ambiance: React.FC<AmbianceProviderProps> = ({
   const parent = React.useContext(AmbianceContext)
   const theme = useTheme()
 
-  if (!parent && !elevation) {
+  if (!parent && typeof elevation === 'undefined') {
     elevation = 0
-  } else if (!elevation) {
+  } else if (typeof elevation === 'undefined') {
     elevation = parent.elevation + 1
   }