adding flow to add screenshot

components/Dashboard/Links.tsx

@@ -1,5 +1,5 @@
 import { BsThreeDots } from "react-icons/bs";
-import { FaAngleDown, FaCode, FaPlus } from "react-icons/fa";
+import { FaAngleDown, FaCode, FaFileImage, FaPlus } from "react-icons/fa";
 
 import Image from "next/image";
 import { Dropdown, Menu, Radio, Tooltip } from "antd";
@@ -207,6 +207,19 @@ export default function Links() {
             </span>
           </Dropdown>
 
+          <Tooltip
+            title={
+              "screenshots: paste screenshot into the paste.pics website and bring back the link here and just paste it"
+            }
+          >
+            <button
+              onClick={() => window.open("https://paste.pics/", "_blank")}
+              className="bg-gray-300 bg-opacity-25 p-2 rounded hover:bg-opacity-40 ml-2"
+            >
+              <FaFileImage className="text-lg text-white" />
+            </button>
+          </Tooltip>
+
           <Tooltip
             title={
               "code blocks: copy the link and paste it in here when you are done"

models/link.ts

@@ -54,7 +54,8 @@ export default class Link {
       url.includes(".png") ||
       url.includes(".jpg") ||
       url.includes(".svg") ||
-      url.includes(".gif")
+      url.includes(".gif") ||
+      url.includes(LinkType.pastePics)
     ) {
       return LinkType.image;
     } else if (url.includes(LinkType.pdf)) {
@@ -82,4 +83,5 @@ export enum LinkType {
   image = "image",
   pdf = "pdf",
   codePile = "codepile",
+  pastePics = "paste.pics",
 }