From 631a8ea6124ee491579da5dfc58ced7c395ae743 Mon Sep 17 00:00:00 2001
From: Ahmad <103906421+ahmadk953@users.noreply.github.com>
Date: Thu, 15 Feb 2024 21:43:40 -0500
Subject: [PATCH] Added Unsplash Attrabutions & Updated Middleware

---
 components/form/form-picker.tsx  |  2 +-
 components/form/form-popover.tsx | 10 ++++++++++
 middleware.ts                    |  3 ---
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/form/form-picker.tsx b/components/form/form-picker.tsx
index d188d8f..5f46b87 100644
--- a/components/form/form-picker.tsx
+++ b/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'
             >
diff --git a/components/form/form-popover.tsx b/components/form/form-popover.tsx
index c46f012..f93e209 100644
--- a/components/form/form-popover.tsx
+++ b/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'
diff --git a/middleware.ts b/middleware.ts
index 2b92f4a..f1e9777 100644
--- a/middleware.ts
+++ b/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) {