fix: normalize links functions (#183)

MichaelDeBoey · web-flow · commit c6fe178fba17 · 2023-04-17T23:23:10.000+02:00
diff --git a/_official-jokes/app/root.tsx b/_official-jokes/app/root.tsx
@@ -12,21 +12,19 @@ import globalLargeStylesUrl from "./styles/global-large.css";
 import globalMediumStylesUrl from "./styles/global-medium.css";
 import globalStylesUrl from "./styles/global.css";
 
-export const links: LinksFunction = () => {
-  return [
-    { rel: "stylesheet", href: globalStylesUrl },
-    {
-      rel: "stylesheet",
-      href: globalMediumStylesUrl,
-      media: "print, (min-width: 640px)",
-    },
-    {
-      rel: "stylesheet",
-      href: globalLargeStylesUrl,
-      media: "screen and (min-width: 1024px)",
-    },
-  ];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: globalStylesUrl },
+  {
+    rel: "stylesheet",
+    href: globalMediumStylesUrl,
+    media: "print, (min-width: 640px)",
+  },
+  {
+    rel: "stylesheet",
+    href: globalLargeStylesUrl,
+    media: "screen and (min-width: 1024px)",
+  },
+];
 
 export const meta: MetaFunction = () => {
   const description = `Learn Remix and laugh at the same time!`;
diff --git a/_official-jokes/app/routes/index.tsx b/_official-jokes/app/routes/index.tsx
@@ -10,9 +10,9 @@ export const meta: MetaFunction = () => {
   };
 };
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export default function Index() {
   return (
diff --git a/basic/app/root.tsx b/basic/app/root.tsx
@@ -24,17 +24,15 @@ import globalStylesUrl from "~/styles/global.css";
  *
  * https://remix.run/route/links
  */
-export const links: LinksFunction = () => {
-  return [
-    { rel: "stylesheet", href: globalStylesUrl },
-    {
-      rel: "stylesheet",
-      href: darkStylesUrl,
-      media: "(prefers-color-scheme: dark)",
-    },
-    { rel: "stylesheet", href: deleteMeRemixStyles },
-  ];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: globalStylesUrl },
+  {
+    rel: "stylesheet",
+    href: darkStylesUrl,
+    media: "(prefers-color-scheme: dark)",
+  },
+  { rel: "stylesheet", href: deleteMeRemixStyles },
+];
 
 export const meta: MetaFunction = () => ({
   charset: "utf-8",
diff --git a/basic/app/routes/demos/about.tsx b/basic/app/routes/demos/about.tsx
@@ -9,9 +9,9 @@ export const meta: MetaFunction = () => {
   };
 };
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export default function Index() {
   return (
diff --git a/client-side-validation/app/root.tsx b/client-side-validation/app/root.tsx
@@ -12,9 +12,9 @@ import {
 
 import stylesUrl from "./index.css";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export const meta: MetaFunction = () => ({
   charset: "utf-8",
diff --git a/combobox-resource-route/app/root.tsx b/combobox-resource-route/app/root.tsx
@@ -1,4 +1,4 @@
-import type { MetaFunction } from "@remix-run/node";
+import type { LinksFunction, MetaFunction } from "@remix-run/node";
 import {
   Links,
   LiveReload,
@@ -16,9 +16,7 @@ export const meta: MetaFunction = () => ({
   viewport: "width=device-width,initial-scale=1",
 });
 
-export function links() {
-  return [{ rel: "stylesheet", href: styles }];
-}
+export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
 
 export default function App() {
   return (
diff --git a/combobox-resource-route/app/routes/index.tsx b/combobox-resource-route/app/routes/index.tsx
@@ -6,15 +6,16 @@ import {
   ComboboxPopover,
 } from "@reach/combobox";
 import comboboxStyles from "@reach/combobox/styles.css";
+import type { LinksFunction } from "@remix-run/react";
 import { Form, useFetcher, useSearchParams } from "@remix-run/react";
 
 import type { Lang } from "~/models/langs";
 
-export function links() {
+export const links: LinksFunction = () => [
   // Add them to the page when this route is active:
   // https://remix.run/route/links
-  return [{ rel: "stylesheet", href: comboboxStyles }];
-}
+  { rel: "stylesheet", href: comboboxStyles },
+];
 
 export default function Index() {
   // Set up a fetcher to fetch languages as the user types
diff --git a/infinite-scrolling/app/routes/offset/advanced.tsx b/infinite-scrolling/app/routes/offset/advanced.tsx
@@ -18,9 +18,9 @@ import { useVirtual } from "react-virtual";
 import stylesUrl from "~/styles/index.css";
 import { countItems, getItems } from "~/utils/backend.server";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 const LIMIT = 200;
 const DATA_OVERSCAN = 40;
diff --git a/infinite-scrolling/app/routes/offset/simple.tsx b/infinite-scrolling/app/routes/offset/simple.tsx
@@ -7,9 +7,9 @@ import { useVirtual } from "react-virtual";
 import stylesUrl from "~/styles/index.css";
 import { getItems } from "~/utils/backend.server";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 const LIMIT = 200;
 const DATA_OVERSCAN = 40;
diff --git a/infinite-scrolling/app/routes/page/advanced.tsx b/infinite-scrolling/app/routes/page/advanced.tsx
@@ -18,9 +18,9 @@ import { useVirtual } from "react-virtual";
 import stylesUrl from "~/styles/index.css";
 import { countItems, getItemsPaginated } from "~/utils/backend.server";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 const LIMIT = 200;
 const DATA_OVERSCAN = 40;
diff --git a/infinite-scrolling/app/routes/page/alternative.tsx b/infinite-scrolling/app/routes/page/alternative.tsx
@@ -7,9 +7,9 @@ import { useVirtual } from "react-virtual";
 import stylesUrl from "~/styles/index.css";
 import { countItems, getItemsPaginated } from "~/utils/backend.server";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 const LIMIT = 200;
 
diff --git a/infinite-scrolling/app/routes/page/simple.tsx b/infinite-scrolling/app/routes/page/simple.tsx
@@ -7,9 +7,9 @@ import { useVirtual } from "react-virtual";
 import stylesUrl from "~/styles/index.css";
 import { countItems, getItemsPaginated } from "~/utils/backend.server";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 const LIMIT = 200;
 const DATA_OVERSCAN = 40;
diff --git a/newsletter-signup/app/root.tsx b/newsletter-signup/app/root.tsx
@@ -1,4 +1,4 @@
-import type { MetaFunction } from "@remix-run/node";
+import type { LinksFunction, MetaFunction } from "@remix-run/node";
 import {
   Links,
   LiveReload,
@@ -10,15 +10,13 @@ import {
 
 import styles from "./styles.css";
 
-export function links() {
-  return [
-    {
-      rel: "stylesheet",
-      href: "https://unpkg.com/modern-normalize@1.1.0/modern-normalize.css",
-    },
-    { rel: "stylesheet", href: styles },
-  ];
-}
+export const links: LinksFunction = () => [
+  {
+    rel: "stylesheet",
+    href: "https://unpkg.com/modern-normalize@1.1.0/modern-normalize.css",
+  },
+  { rel: "stylesheet", href: styles },
+];
 
 export const meta: MetaFunction = () => ({
   charset: "utf-8",
diff --git a/nprogress/app/root.tsx b/nprogress/app/root.tsx
@@ -12,10 +12,10 @@ import NProgress from "nprogress";
 import nProgressStyles from "nprogress/nprogress.css";
 import { useEffect } from "react";
 
-export const links: LinksFunction = () => {
+export const links: LinksFunction = () => [
   // if you already have one only add this stylesheet to your list of links
-  return [{ rel: "stylesheet", href: nProgressStyles }];
-};
+  { rel: "stylesheet", href: nProgressStyles },
+];
 
 export const meta: MetaFunction = () => ({
   charset: "utf-8",
diff --git a/pm-app/app/root.tsx b/pm-app/app/root.tsx
@@ -15,9 +15,7 @@ import global from "~/dist/styles/global.css";
 
 import type { User } from "./models";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: global }];
-};
+export const links: LinksFunction = () => [{ rel: "stylesheet", href: global }];
 
 export const loader = async () => {
   return json({
diff --git a/pm-app/app/routes/dashboard/index.tsx b/pm-app/app/routes/dashboard/index.tsx
@@ -20,9 +20,9 @@ import { MaxContainer } from "~/ui/max-container";
 import { Heading, Section } from "~/ui/section-heading";
 import { ShadowBox } from "~/ui/shadow-box";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export const loader = async ({ request }: LoaderArgs) => {
   const { passwordHash, ...secureUser } = await requireUser(request, {
diff --git a/pm-app/app/routes/dashboard/projects/$projectId.tsx b/pm-app/app/routes/dashboard/projects/$projectId.tsx
@@ -37,9 +37,9 @@ import { Note } from "~/ui/note";
 import { Heading, Section } from "~/ui/section-heading";
 import { ShadowBox } from "~/ui/shadow-box";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export const meta: MetaFunction = ({ data }) => {
   return {
diff --git a/pm-app/app/routes/dashboard/projects/$projectId/list/$listId.tsx b/pm-app/app/routes/dashboard/projects/$projectId/list/$listId.tsx
@@ -25,9 +25,9 @@ import { Heading, Section } from "~/ui/section-heading";
 import { Stack } from "~/ui/stack";
 import { TodoItem, TodoList } from "~/ui/todo-list";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export const meta: MetaFunction = ({ data }) => {
   return {
diff --git a/pm-app/app/routes/dashboard/projects/new.tsx b/pm-app/app/routes/dashboard/projects/new.tsx
@@ -17,9 +17,9 @@ import {
 } from "~/ui/member-search";
 import { Heading } from "~/ui/section-heading";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export const loader = async ({ request }: LoaderArgs) => {
   const { passwordHash, ...secureUser } = await requireUser(request, {
diff --git a/pm-app/app/routes/dashboard/todo-lists/$listId/index.tsx b/pm-app/app/routes/dashboard/todo-lists/$listId/index.tsx
@@ -28,9 +28,9 @@ import { TodoItem, TodoList } from "~/ui/todo-list";
 
 // TODO: Add feature: Allow reassigning list to a different project
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesUrl }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesUrl },
+];
 
 export const meta: MetaFunction = ({ data }) => {
   return {
diff --git a/pm-app/app/routes/register.tsx b/pm-app/app/routes/register.tsx
@@ -23,9 +23,9 @@ export const meta: MetaFunction = () => ({
   title: "Register | PM Camp",
 });
 
-export const links: LinksFunction = () => {
-  return [{ href: routeStyles, rel: "stylesheet" }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: routeStyles },
+];
 
 export const loader = async ({ request }: LoaderArgs) => {
   //   let session = await sessionStorage.getSession(request.headers.get("Cookie"));
diff --git a/react-quill/app/routes/index.tsx b/react-quill/app/routes/index.tsx
@@ -8,9 +8,9 @@ import { ClientOnly } from "remix-utils";
 import { FallbackComponent } from "~/components/fallback-component";
 import { TextEditor } from "~/components/textEditor.client";
 
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: stylesheetQuill }];
-};
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesheetQuill },
+];
 
 export const action = async ({ request }: ActionArgs) => {
   const form = await request.formData();
diff --git a/route-modal/app/routes/invoices/add.tsx b/route-modal/app/routes/invoices/add.tsx
@@ -9,14 +9,7 @@ import {
   useTransition,
 } from "@remix-run/react";
 
-export const links: LinksFunction = () => {
-  return [
-    {
-      rel: "stylesheet",
-      href: styles,
-    },
-  ];
-};
+export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
 
 export const action = async ({ request }: ActionArgs) => {
   // Here we can update our database with the new invoice
diff --git a/rust/app/root.tsx b/rust/app/root.tsx
@@ -1,4 +1,4 @@
-import type { MetaFunction } from "@remix-run/node";
+import type { LinksFunction, MetaFunction } from "@remix-run/node";
 import {
   Links,
   LiveReload,
@@ -10,9 +10,9 @@ import {
 
 import globalStylesUrl from "~/styles/global.css";
 
-export function links() {
-  return [{ rel: "stylesheet", href: globalStylesUrl }];
-}
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: globalStylesUrl },
+];
 
 export const meta: MetaFunction = () => ({
   charset: "utf-8",
diff --git a/rust/app/routes/index.tsx b/rust/app/routes/index.tsx
diff --git a/sass/app/root.tsx b/sass/app/root.tsx
diff --git a/search-input/app/root.tsx b/search-input/app/root.tsx
diff --git a/search-input/app/routes/index.tsx b/search-input/app/routes/index.tsx
diff --git a/vanilla-extract/app/root.tsx b/vanilla-extract/app/root.tsx
diff --git a/xata/app/root.tsx b/xata/app/root.tsx
