fix: run lint on files touched

Author: grishaLR

src/components/SiteFooter.tsx

@@ -1,9 +1,10 @@
 import { createLink } from "@tanstack/react-router";
 import { useTranslation } from "react-i18next";
 
+import type { Locale } from "../lib/locale";
+
 import { Footer } from "../design-system/footer";
 import { Link } from "../design-system/link";
-import type { Locale } from "../lib/locale";
 import { useLocale } from "../lib/LocaleContext";
 import { AtStoreLogo } from "./AtStoreLogo";
 
@@ -22,39 +23,80 @@ type SearchLink = {
 };
 type PlainLink = {
   kind: "plain";
-  to: "/developers/atproto" | "/products/manage" | "/apps/tags" | "/apps/lexicons";
+  to:
+    | "/developers/atproto"
+    | "/products/manage"
+    | "/apps/tags"
+    | "/apps/lexicons";
   tKey: string;
 };
 type FooterLinkDef = LocaleLink | SearchLink | PlainLink;
 
-const LINK_GROUPS: Array<{ titleKey?: string; links: FooterLinkDef[] }> = [
+const LINK_GROUPS: Array<{ titleKey?: string; links: Array<FooterLinkDef> }> = [
   {
     links: [
       { kind: "locale", to: "/$locale/about", tKey: "siteFooter.nav.about" },
       { kind: "locale", to: "/$locale", tKey: "siteFooter.nav.home" },
-      { kind: "search", to: "/search", search: { sort: "popular" }, tKey: "siteFooter.nav.search" },
-      { kind: "plain", to: "/developers/atproto", tKey: "siteFooter.nav.developerApi" },
-      { kind: "plain", to: "/products/manage", tKey: "siteFooter.nav.manageListings" },
+      {
+        kind: "search",
+        to: "/search",
+        search: { sort: "popular" },
+        tKey: "siteFooter.nav.search",
+      },
+      {
+        kind: "plain",
+        to: "/developers/atproto",
+        tKey: "siteFooter.nav.developerApi",
+      },
+      {
+        kind: "plain",
+        to: "/products/manage",
+        tKey: "siteFooter.nav.manageListings",
+      },
     ],
   },
   {
     titleKey: "siteFooter.apps.groupTitle",
     links: [
-      { kind: "search", to: "/apps/all", search: { sort: "popular" }, tKey: "siteFooter.apps.allApps" },
+      {
+        kind: "search",
+        to: "/apps/all",
+        search: { sort: "popular" },
+        tKey: "siteFooter.apps.allApps",
+      },
       { kind: "plain", to: "/apps/tags", tKey: "siteFooter.apps.categories" },
-      { kind: "plain", to: "/apps/lexicons", tKey: "siteFooter.apps.sharedData" },
+      {
+        kind: "plain",
+        to: "/apps/lexicons",
+        tKey: "siteFooter.apps.sharedData",
+      },
     ],
   },
 ];
 
 function renderLink(link: FooterLinkDef, locale: Locale, label: string) {
   switch (link.kind) {
-    case "locale":
-      return <FooterLink key={link.to} to={link.to} params={{ locale }}>{label}</FooterLink>;
-    case "search":
-      return <FooterLink key={link.to} to={link.to} search={link.search}>{label}</FooterLink>;
-    case "plain":
-      return <FooterLink key={link.to} to={link.to}>{label}</FooterLink>;
+    case "locale": {
+      return (
+        <FooterLink key={link.to} to={link.to} params={{ locale }}>
+          {label}
+        </FooterLink>
+      );
+    }
+    case "search": {
+      return (
+        <FooterLink key={link.to} to={link.to} search={link.search}>
+          {label}
+        </FooterLink>
+      );
+    }
+    case "plain": {
+      return (
+        <FooterLink key={link.to} to={link.to}>
+          {label}
+        </FooterLink>
+      );
+    }
   }
 }
 
@@ -74,7 +116,9 @@ export function SiteFooter() {
               key={i}
               title={group.titleKey ? t(group.titleKey as never) : undefined}
             >
-              {group.links.map((link) => renderLink(link, locale, t(link.tKey as never)))}
+              {group.links.map((link) =>
+                renderLink(link, locale, t(link.tKey as never)),
+              )}
             </Footer.NavGroup>
           ))}
         </Footer.NavSection>

src/components/SiteHeader.tsx

@@ -45,7 +45,12 @@ export function SiteHeader() {
 
   return (
     <Navbar hideHamburgerButton={true}>
-      <NavbarLogoLink to="/$locale" params={{ locale }} style={styles.logoContent} hasUnderline={false}>
+      <NavbarLogoLink
+        to="/$locale"
+        params={{ locale }}
+        style={styles.logoContent}
+        hasUnderline={false}
+      >
         <AtStoreLogo variant="navbar" />
       </NavbarLogoLink>
 

src/routes/$locale.index.tsx

@@ -109,16 +109,16 @@ const styles = stylex.create({
     transitionTimingFunction: "ease-in-out",
     height: "100%",
 
-    ":hover::before": {
-      opacity: 1,
-    },
     "::before": {
       inset: 0,
       borderRadius: radius.lg,
       cornerShape: "squircle",
       boxShadow: shadow.lg,
       content: "''",
-      opacity: 0,
+      opacity: {
+        default: 0,
+        ":hover": 1,
+      },
       position: "absolute",
       transitionDuration: animationDuration.slow,
       transitionProperty: "opacity",
@@ -172,16 +172,16 @@ const styles = stylex.create({
     boxShadow: shadow.md,
     position: "relative",
 
-    ":hover::before": {
-      opacity: 1,
-    },
     "::before": {
       inset: 0,
       borderRadius: radius.lg,
       cornerShape: "squircle",
       boxShadow: shadow.lg,
       content: "''",
-      opacity: 0,
+      opacity: {
+        default: 0,
+        ":hover": 1,
+      },
       position: "absolute",
       transitionDuration: animationDuration.default,
       transitionProperty: "opacity",
@@ -281,15 +281,15 @@ const styles = stylex.create({
     paddingRight: horizontalSpace["2xl"],
     paddingTop: verticalSpace["2xl"],
 
-    ":hover::after": {
-      opacity: 1,
-    },
     "::after": {
       inset: 0,
       borderRadius: radius.md,
       boxShadow: shadow.lg,
       content: "''",
-      opacity: 0,
+      opacity: {
+        default: 0,
+        ":hover": 1,
+      },
       position: "absolute",
       transitionDuration: animationDuration.slow,
       transitionProperty: "opacity",

src/routes/$locale.tsx

@@ -31,8 +31,6 @@ export const Route = createFileRoute("/$locale")({
         href: restOfPath + location.searchStr,
       });
     }
-
-
   },
   component: LocaleRoute,
 });