Added Unsplash Attrabutions & Updated Middleware

components/form/form-picker.tsx

@@ -94,7 +94,7 @@ export const FormPicker = ({ id, errors }: FormPickerProps) => {
               </div>
             )}
             <Link
-              href={image.links.html}
+              href={image.links.html + '?utm_source=Tasko&utm_medium=referral'}
               target='_blank'
               className='absolute bottom-0 w-full truncate bg-black/50 p-1 text-[10px] text-white opacity-0 hover:underline group-hover:opacity-100'
             >

components/form/form-popover.tsx

@@ -19,6 +19,7 @@ import { useProModal } from '@/hooks/use-pro-modal';
 import { FormInput } from './form-input';
 import { FormSubmit } from './form-submit';
 import { FormPicker } from './form-picker';
+import Link from 'next/link';
 
 interface FormPopoverProps {
   children: React.ReactNode;
@@ -78,6 +79,15 @@ export const FormPopover = ({
         </PopoverClose>
         <form action={onSubmit} className='space-y-4'>
           <div className='space-y-4'>
+            <p className='text-center text-xs font-medium italic text-neutral-700'>
+              Images Provided by{' '}
+              <Link
+                className='text-sky-900 underline'
+                href='https://unsplash.com/'
+              >
+                Unsplash
+              </Link>
+            </p>
             <FormPicker id='image' errors={fieldErrors} />
             <FormInput
               id='title'

middleware.ts

@@ -1,9 +1,6 @@
 import { authMiddleware, redirectToSignIn } from '@clerk/nextjs';
 import { NextResponse } from 'next/server';
 
-// This example protects all routes including api/trpc routes
-// Please edit this to allow other routes to be public as needed.
-// See https://clerk.com/docs/references/nextjs/auth-middleware for more information about configuring your Middleware
 export default authMiddleware({
   publicRoutes: ['/', '/api/webhook'],
   afterAuth(auth, req) {