authentik now working with convex auth

apps/next/src/components/layout/auth/buttons/gibs-auth.tsx

@@ -0,0 +1,46 @@
+import Image from 'next/image';
+import { useAuthActions } from '@convex-dev/auth/react';
+import type { buttonVariants } from '@gib/ui';
+import { Button } from '@gib/ui';
+import type { ComponentProps } from 'react';
+import type { VariantProps } from 'class-variance-authority';
+
+interface Props {
+  buttonProps?: Omit<ComponentProps<'button'>, 'onClick'> &
+    VariantProps<typeof buttonVariants> & {
+      asChild?: boolean;
+    };
+  type?: 'signIn' | 'signUp';
+};
+
+export const GibsAuthSignInButton = ({
+  buttonProps,
+  type = 'signIn',
+}: Props) => {
+  const { signIn } = useAuthActions();
+  return (
+    <Button
+      size='lg'
+      onClick={() => signIn('authentik')}
+      className='text-lg font-semibold'
+      {...buttonProps}
+    >
+      <div className='flex flex-col my-auto space-x-1'>
+        <p>
+          {
+            type === 'signIn'
+              ? 'Sign In'
+              : 'Sign Up'
+          } with
+        </p>
+        <Image
+          src={'/misc/auth/gibs_auth_wide_header.png'}
+          className=''
+          alt="Gib's Auth"
+          width={100}
+          height={100}
+        />
+      </div>
+    </Button>
+  );
+};

apps/next/src/components/layout/auth/buttons/index.tsx

@@ -0,0 +1 @@
+export { GibsAuthSignInButton } from './gibs-auth';

apps/next/src/components/providers/ConvexClientProvider.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ConvexAuthNextjsProvider } from "@convex-dev/auth/nextjs";
+import { ConvexReactClient } from "convex/react";
+import type { ReactNode } from "react";
+import { env } from '@/env';
+
+const convex = new ConvexReactClient(env.NEXT_PUBLIC_CONVEX_URL);
+
+export function ConvexClientProvider({ children }: { children: ReactNode }) {
+  return (
+    <ConvexAuthNextjsProvider client={convex}>
+      {children}
+    </ConvexAuthNextjsProvider>
+  );
+}

apps/next/src/components/providers/index.tsx

@@ -0,0 +1 @@
+export { ConvexClientProvider } from './ConvexClientProvider';