···12121313import TutorialPic from "@/public/docs-assets/notifications-get-handle.webp"
1414import Image from "next/image";
1515+import Link from "next/link";
15161617const URL_CHANNEL_REGEX = /^https:\/\/(www\.)?youtube\.com\/channel\/UC([a-zA-Z0-9_-]{16,32})$/;
1718const URL_HANDLE_REGEX = /^https:\/\/(www\.)?youtube\.com\/@([a-zA-Z0-9\._-]{3,30})$/;
···120121 />
121122122123 <div className="flex items-center gap-2">
123123- <span className="text-lg dark:text-neutral-300 text-neutral-700 font-medium">How to get a channel's @-Handle or Id</span>
124124+ <span className="text-lg dark:text-neutral-300 text-neutral-700 font-medium">How to get a channel's @handle or Id</span>
124125 </div>
125125- <Image
126126- src={TutorialPic}
127127- alt="How to get a Creator's @handle, id or URL"
128128- />
126126+127127+ <Link
128128+ href="/docs/notifications"
129129+ target="_blank"
130130+ >
131131+ <Image
132132+ alt="How to get a Creator's @handle, id or URL"
133133+ className="rounded-md"
134134+ src={TutorialPic}
135135+ />
136136+ </Link>
129137130138 </Modal>
131139 </>