refactor(navigationfooter): rename to isNarrow

chanzuckerberg · Nov 28, 2024 · d33459f · d33459f
1 parent 56292d3
commit d33459f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/components/src/core/NavigationFooter/index.tsx b/packages/components/src/core/NavigationFooter/index.tsx
@@ -51,14 +51,14 @@ export default function NavigationFooter({
   title,
 }: NavigationFooterProps) {
   const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  const isNarrow = useMediaQuery(theme.breakpoints.down("md"));
 
   function renderImages() {
     if (!images || images.length === 0) {
       return null;
     }
 
-    if (!isMobile) {
+    if (!isNarrow) {
       return images;
     }
 
@@ -84,7 +84,7 @@ export default function NavigationFooter({
       return null;
     }
 
-    if (!isMobile) {
+    if (!isNarrow) {
       return navLinks.map((link, index) =>
         renderLink(link, index < navLinks.length - 1)
       );

diff --git a/packages/components/src/core/NavigationFooter/style.ts b/packages/components/src/core/NavigationFooter/style.ts
@@ -31,7 +31,7 @@ export const StyledLogoWrapper = styled.div`
 
   p {
     ${fontHeader("l")}
-    ${fontHeader("l", /* isMobile */ true)}
+    ${fontHeader("l", /* isNarrow */ true)}
 
     ${(props: CommonThemeProps) => {
       const spaces = getSpaces(props);
@@ -75,7 +75,7 @@ export const StyledNavSection = styled.div`
 
 export const StyledNavItemLink = styled(Link)`
   ${fontHeader("l")}
-  ${fontBody("s", "regular", /* isMobile */ true)}
+  ${fontBody("s", "regular", /* isNarrow */ true)}
 
   ${(props: CommonThemeProps) => {
     const colors = getSemanticColors(props);