From fd87ef7ed30ca93cfef3f35f93968c69467b7938 Mon Sep 17 00:00:00 2001
From: Muhammad Raheel <muhraheel041@gmail.com>
Date: Tue, 8 Apr 2025 23:33:26 +0500
Subject: [PATCH] Added newFile.js

---
 frontend/src/pages/Form.js     |  6 +++++-
 frontend/src/pages/nextFile.js | 20 ++++++++++++++++++++
 newFile.js                     |  0
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/pages/nextFile.js
 create mode 100644 newFile.js

diff --git a/frontend/src/pages/Form.js b/frontend/src/pages/Form.js
index ea7efd1..39c62b0 100644
--- a/frontend/src/pages/Form.js
+++ b/frontend/src/pages/Form.js
@@ -50,7 +50,11 @@ function Form() {
             <p>
               Just add the Issues, and let the Open source contributers show
               their magic with the respetive Tech-Stack.
-              <span className="github_link"><a href="https://github.com/clubgamma/Good_First_Issue_Web_App">Github link</a> </span>
+              <span className="github_link">
+                <a href="https://github.com/clubgamma/Good_First_Issue_Web_App">
+                  Github link
+                </a>{" "}
+              </span>
             </p>
           </div>
           <div class="rigth-col">
diff --git a/frontend/src/pages/nextFile.js b/frontend/src/pages/nextFile.js
new file mode 100644
index 0000000..338f53d
--- /dev/null
+++ b/frontend/src/pages/nextFile.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import './Card.css'
+import { GoRepo } from "react-icons/go";
+import { Link } from 'react-router-dom';
+
+function nextFile({url, title, desc}) {
+  return (
+    <div className='card-bg'>
+      <div className='card'>
+        <Link to={url} target='_blank' className='repo-title'>
+          <div><GoRepo size={20} /></div>
+          <h3>{title}</h3>
+        </Link>
+        <p>{desc}</p>
+      </div>
+    </div>
+  )
+}
+
+export default nextFile
\ No newline at end of file
diff --git a/newFile.js b/newFile.js
new file mode 100644
index 0000000..e69de29