From 522e8cfcb4d26786e79982c2bc8b9922d9552664 Mon Sep 17 00:00:00 2001
From: Jesmine Akhter <108082336+JA-26-01@users.noreply.github.com>
Date: Fri, 14 Apr 2023 11:37:41 +0530
Subject: [PATCH] fix: fixed no-link text(#424)

* Fixed Coming Soon.tsx.Added styles to globals.css

* added suggestions

* added media responsivness
---
 components/ComingSoon/ComingSoon.tsx | 15 ---------------
 components/NewIssue/NewIssue.tsx     | 15 +++++++++++++++
 pages/[subcategory]/index.tsx        |  2 +-
 styles/globals.css                   | 19 +++++++++++++++++++
 4 files changed, 35 insertions(+), 16 deletions(-)
 delete mode 100644 components/ComingSoon/ComingSoon.tsx
 create mode 100644 components/NewIssue/NewIssue.tsx

diff --git a/components/ComingSoon/ComingSoon.tsx b/components/ComingSoon/ComingSoon.tsx
deleted file mode 100644
index a327e582f..000000000
--- a/components/ComingSoon/ComingSoon.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { FC } from "react";
-
-const ComingSoon:FC<{}> = () => {
-
-  return (
-    <p className="pt-6 md:p-0">
-      <span className="animate-pulse text-2xl font-semibold text-purple-500">
-        Coming
-      </span>{" "}
-      <span className="text-2xl font-semibold">Soon</span>
-    </p>
-  )
-}
-
-export default ComingSoon;
\ No newline at end of file
diff --git a/components/NewIssue/NewIssue.tsx b/components/NewIssue/NewIssue.tsx
new file mode 100644
index 000000000..12a01c4d5
--- /dev/null
+++ b/components/NewIssue/NewIssue.tsx
@@ -0,0 +1,15 @@
+import { FC } from "react";
+
+const NewIssue:FC<{}> = () => {
+
+  return (
+    <p className="pt-6 md:p-0 coming-soon">
+      <span className="text-2xl">Be the first to add by creating a GitHub issue</span>{" "}
+      <span className="animate-pulse text-2xl text-purple-500">
+       <a href="https://github.com/rupali-codes/LinksHub/issues/new?assignees=&labels=add+link&template=add_link.yml&title=%5BAdd%5D+%3Cname%3E" target="_blank"><u>here</u></a>
+      </span>
+    </p>
+  )
+}
+
+export default NewIssue;
\ No newline at end of file
diff --git a/pages/[subcategory]/index.tsx b/pages/[subcategory]/index.tsx
index 9bed58f31..90c03ee66 100644
--- a/pages/[subcategory]/index.tsx
+++ b/pages/[subcategory]/index.tsx
@@ -4,7 +4,7 @@ import { useRouter } from "next/router";
 import Head from "next/head";
 import useFilterDB from "hooks/useFilterDB";
 import CardsList from "components/Cards/CardsList";
-import ComingSoon from "components/ComingSoon/ComingSoon";
+import ComingSoon from "components/NewIssue/NewIssue";
 
 const SubCategory = () => {
   const router = useRouter();
diff --git a/styles/globals.css b/styles/globals.css
index 2c8db2a74..7f519d77c 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -75,3 +75,22 @@ body {
 .scrollColorLight::-webkit-scrollbar-thumb:hover {
   background: #aaa;
 }
+
+
+@media (min-width: 992px) {
+  .coming-soon 
+{
+  text-align: center;
+  top:220px;
+  position: relative;
+}
+}
+
+@media (max-width: 800px) {
+  .coming-soon 
+{
+  text-align: center;
+  top:150px;
+  position: relative;
+}
+}