Format code

Author: IgorKowalczyk

app/layout.tsx

@@ -12,10 +12,12 @@ export const metadata: Metadata = {
   default: "Just.it",
   template: "%s | Just.it",
  },
- description: "We are building open source projects with strong focus on user privacy. Our goal is to make the Internet more secure. In our applications everything is encrypted - in fact even we don't have access to users' data.",
+ description:
+  "We are building open source projects with strong focus on user privacy. Our goal is to make the Internet more secure. In our applications everything is encrypted - in fact even we don't have access to users' data.",
  openGraph: {
   title: "Just.it",
-  description: "We are building open source projects with strong focus on user privacy. Our goal is to make the Internet more secure. In our applications everything is encrypted - in fact even we don't have access to users' data.",
+  description:
+   "We are building open source projects with strong focus on user privacy. Our goal is to make the Internet more secure. In our applications everything is encrypted - in fact even we don't have access to users' data.",
   url: "/",
   siteName: "Just.it",
   images: [
@@ -62,7 +64,11 @@ export default function RootLayout({ children }) {
       icons={{
        loading: (
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" className="size-5 animate-spin text-white">
-         <path strokeLinecap="round" strokeLinejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
+         <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+         />
         </svg>
        ),
       }}

components/Form.tsx

@@ -61,11 +61,25 @@ export function Form() {
   <form onSubmit={handleSubmit}>
    <label htmlFor="input" className="flex justify-center">
     <span className="sr-only">Github Username</span>
-    <input id="input" type="text" className={`${isInvalid ? "border-red-400 bg-red-400/10 text-red-400 placeholder:text-red-400!" : "border-white/20"} rounded-lg border bg-white/10 px-4 py-2 text-white outline-hidden duration-200 placeholder:text-white/50 motion-reduce:transition-none`} placeholder="Enter your Github username" onChange={changeText} />
-    <button className="!focus:bg-white ml-2 flex cursor-pointer items-center justify-center rounded-lg border border-white/20 bg-white/10 px-4 py-2 text-white outline-hidden duration-200 hover:bg-white/20 disabled:cursor-not-allowed disabled:opacity-60 motion-reduce:transition-none" disabled={loading || isInvalid || !input || input.length < 3} type="submit">
+    <input
+     id="input"
+     type="text"
+     className={`${isInvalid ? "border-red-400 bg-red-400/10 text-red-400 placeholder:text-red-400!" : "border-white/20"} rounded-lg border bg-white/10 px-4 py-2 text-white outline-hidden duration-200 placeholder:text-white/50 motion-reduce:transition-none`}
+     placeholder="Enter your Github username"
+     onChange={changeText}
+    />
+    <button
+     className="!focus:bg-white ml-2 flex cursor-pointer items-center justify-center rounded-lg border border-white/20 bg-white/10 px-4 py-2 text-white outline-hidden duration-200 hover:bg-white/20 disabled:cursor-not-allowed disabled:opacity-60 motion-reduce:transition-none"
+     disabled={loading || isInvalid || !input || input.length < 3}
+     type="submit"
+    >
      {loading ? (
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" className="inline-block size-6 animate-spin text-white">
-       <path strokeLinecap="round" strokeLinejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
+       <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+       />
       </svg>
      ) : (
       "Join us!"

package.json

@@ -40,13 +40,13 @@
     "zod": "3.25.71"
   },
   "devDependencies": {
-    "@igorkowalczyk/eslint-config": "3.0.8",
+    "@igorkowalczyk/eslint-config": "3.1.0",
     "@igorkowalczyk/is-browser": "5.1.0",
     "@igorkowalczyk/prettier-config": "3.1.0",
     "@next/bundle-analyzer": "15.3.4",
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "@tailwindcss/postcss": "^4.1.4",
-    "@types/node": "22.16.0",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@types/node": "24.0.10",
     "@types/react": "19.1.8",
     "eslint": "9.30.1",
     "postcss": "8.5.6",