add 'Flush Cloudflare cache button (#188)

app/lookup/[domain]/dns/_components/FlushCloudflareDnsCacheButton.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import { ExternalLink } from 'lucide-react';
+import Link from 'next/link';
+import { FC } from 'react';
+
+import { Button } from '@/components/ui/button';
+
+export const FlushCloudflareDnsCacheButton: FC = () => {
+  return (
+    <Link
+      href="https://1.1.1.1/purge-cache/"
+      target="_blank"
+      rel="noopener"
+      className="my-auto"
+    >
+      <Button variant="outline" className="rounded-lg text-sm font-medium">
+        Flush Cloudflare DNS Cache
+        <ExternalLink className="ml-2 h-3 w-3" />
+      </Button>
+    </Link>
+  );
+};
+
+export default FlushCloudflareDnsCacheButton;

app/lookup/[domain]/dns/page.tsx

@@ -5,6 +5,7 @@ import React from 'react';
 
 import DnsHistoryButton from '@/app/lookup/[domain]/dns/_components/DnsHistoryButton';
 import DnsTable from '@/app/lookup/[domain]/dns/_components/DnsTable';
+import FlushCloudflareDnsCacheButton from '@/app/lookup/[domain]/dns/_components/FlushCloudflareDnsCacheButton';
 import FlushGoogleDnsCacheButton from '@/app/lookup/[domain]/dns/_components/FlushGoogleDnsCacheButton';
 import LocationSelector from '@/app/lookup/[domain]/dns/_components/LocationSelector';
 import ResolverSelector from '@/app/lookup/[domain]/dns/_components/ResolverSelector';
@@ -114,6 +115,7 @@ const LookupDomain: FC<LookupDomainProps> = async ({
         </div>
         <div className="flex flex-col gap-2 sm:gap-4 md:flex-row">
           {resolverName === 'google' && <FlushGoogleDnsCacheButton />}
+          {resolverName === 'cloudflare' && <FlushCloudflareDnsCacheButton />}
           <DnsHistoryButton domain={domain} />
         </div>
       </div>