From 5691cad1d86fe11554cc86ccbeaa199cb33fa532 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Tue, 13 Feb 2024 16:15:36 +0100
Subject: [PATCH] BugFix: PAge was exporting extra function

---
 app/login/page.tsx      | 4 ++--
 app/ui/SignInButton.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/login/page.tsx b/app/login/page.tsx
index be38e98..07a7e4e 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -4,7 +4,7 @@ import { Main } from '@/app/ui/Main';
 import { authConfig } from "@/app/lib/auth";
 import { SignInButton } from '../ui/SignInButton';
 
-export type Provider = {
+type Provider = {
   id: string;
   name: string;
   type: string;
@@ -15,7 +15,7 @@ export type Provider = {
   };
 };
 
-export function getProviders(): Provider[] {
+function getProviders(): Provider[] {
   const providerKeys: (keyof Provider)[] = ["id", "name", "type", "style"];
   return authConfig.providers.map((provider) =>
     getKeyValuesFromObject<Provider>(provider, providerKeys)
diff --git a/app/ui/SignInButton.tsx b/app/ui/SignInButton.tsx
index 45b102a..6c2824a 100644
--- a/app/ui/SignInButton.tsx
+++ b/app/ui/SignInButton.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { signIn } from "next-auth/react"
-import { Button } from "@/app/ui/button";
+import Image from "next/image";
 
 const providerLogo = (provider: {id:string, name:string}) => {
     switch(provider.id) {
@@ -16,7 +16,7 @@ const providerLogo = (provider: {id:string, name:string}) => {
 
 export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({ provider }) =>
 <button className="btn btn-neutral" onClick={() => signIn(provider.id)}>
-    <img loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
+    <Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
     <span>Sign in with {provider.name}</span>
 </button>