Prettier

.eslintrc.js

@@ -50,7 +50,7 @@ module.exports = {
     "max-classes-per-file": ["error", 1],
     // "max-depth": ["warn", 4],
     // "max-lines": "warn",
-    "max-len": ["warn", { "code": 100 }],
+    "max-len": ["warn", { code: 100 }],
     // "max-lines-per-function": "warn",
     // "max-nested-callbacks": "warn",
     // "max-params": "warn",

src/components/Library/ContentLine.tsx

@@ -33,8 +33,10 @@ export default function ContentLine(props: Immutable<Props>): JSX.Element {
           opened && "bg-mid shadow-inner-sm shadow-shade h-auto py-3 my-2"
         }`}
       >
-        <div className="grid gap-4 place-items-center
+        <div
-        grid-cols-[auto_auto_1fr_auto_12ch] thin:grid-cols-[auto_auto_1fr_auto]">
+          className="grid gap-4 place-items-center
+        grid-cols-[auto_auto_1fr_auto_12ch] thin:grid-cols-[auto_auto_1fr_auto]"
+        >
           <a>
             <h3 className="cursor-pointer" onClick={() => setOpened(!opened)}>
               {content.attributes.content?.data?.attributes?.titles?.[0]

src/pages/archives/videos/v/[uid].tsx

@@ -12,16 +12,16 @@ import ContentPanel, {
 import SubPanel from "components/Panels/SubPanel";
 import { useAppLayout } from "contexts/AppLayoutContext";
 import { GetVideoQuery } from "graphql/generated";
+import { AppStaticProps, getAppStaticProps } from "graphql/getAppStaticProps";
 import { getReadySdk } from "graphql/sdk";
+import { prettyDate, prettyShortenNumber } from "helpers/formatters";
+import { getVideoFile } from "helpers/videos";
 import { useMediaMobile } from "hooks/useMediaQuery";
 import {
   GetStaticPathsContext,
   GetStaticPathsResult,
   GetStaticPropsContext,
 } from "next";
-import { AppStaticProps, getAppStaticProps } from "graphql/getAppStaticProps";
-import { prettyDate, prettyShortenNumber } from "helpers/formatters";
-import { getVideoFile } from "helpers/videos";
 
 interface Props extends AppStaticProps {
   video: Exclude<
@@ -99,7 +99,8 @@ export default function Video(props: Props): JSX.Element {
               className="w-full aspect-video"
               title="YouTube video player"
               frameBorder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allow="accelerometer; autoplay; clipboard-write;
+              encrypted-media; gyroscope; picture-in-picture"
               allowFullScreen
             ></iframe>
           )}

src/pages/chronicles/index.tsx

@@ -1,9 +1,9 @@
 import AppLayout from "components/AppLayout";
 import PanelHeader from "components/PanelComponents/PanelHeader";
 import SubPanel from "components/Panels/SubPanel";
-import { GetStaticPropsContext } from "next";
 import { AppStaticProps, getAppStaticProps } from "graphql/getAppStaticProps";
 import { Immutable } from "helpers/types";
+import { GetStaticPropsContext } from "next";
 
 interface Props extends AppStaticProps {}
 

src/pages/wiki/chronology.tsx

@@ -9,9 +9,9 @@ import SubPanel from "components/Panels/SubPanel";
 import ChronologyYearComponent from "components/Wiki/Chronology/ChronologyYearComponent";
 import { useAppLayout } from "contexts/AppLayoutContext";
 import { GetChronologyItemsQuery, GetErasQuery } from "graphql/generated";
+import { AppStaticProps, getAppStaticProps } from "graphql/getAppStaticProps";
 import { getReadySdk } from "graphql/sdk";
 import { prettySlug } from "helpers/formatters";
-import { AppStaticProps, getAppStaticProps } from "graphql/getAppStaticProps";
 import { GetStaticPropsContext } from "next";
 
 interface Props extends AppStaticProps {