Skip to content

Merge pull request #3 from khushi-kothari/firestore #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
khushi-kothari wants to merge 20 commits into
base: firestore
Choose a base branch
from
Open

Merge pull request #3 from khushi-kothari/firestore #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
202c7fb
Merge pull request #3 from khushi-kothari/firestore
khushi-kothari Jan 9, 2024
ad3356a
Editing Routes to remove vercel prod mode error
khushi-kothari Jan 10, 2024
530e176
Merge branch 'master'
khushi-kothari Jan 10, 2024
2962b48
Resolving the issues
khushi-kothari Jan 10, 2024
1d4bf64
Fix Pagination and updated_at sort of results
khushi-kothari Jan 11, 2024
426834f
Modified Issues.jsx
khushi-kothari Jan 11, 2024
f445433
Add issue data to firestore
khushi-kothari Jan 12, 2024
967486e
Add issues to firestore
khushi-kothari Jan 17, 2024
9c1787d
Add issues and repo info to firestore
khushi-kothari Jan 18, 2024
200228b
Add sort query and render firestore data
khushi-kothari Jan 18, 2024
d9ecbdd
Issue search is the home page now
khushi-kothari Jan 18, 2024
bd0b8a6
Get Language and label list from firestore
khushi-kothari Jan 19, 2024
20ffa14
Show filtered results
khushi-kothari Jan 21, 2024
d77b0e6
Make it Responsive
khushi-kothari Jan 21, 2024
92462cd
Add home link and dropdown opened menu changes
khushi-kothari Jan 21, 2024
21ec8d5
Add Pagination
khushi-kothari Jan 21, 2024
6d77206
Fix pagination to render different results per page
khushi-kothari Jan 23, 2024
93f1b07
Fixing spacing issue in smaller devices
khushi-kothari Jan 23, 2024
2cb6e88
Update index.html
khushi-kothari Feb 3, 2024
fcdf19f
Update index.html
khushi-kothari Feb 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="https://i.imgur.com/Wsbratq.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RT GT</title>
<title>Git Explore</title>
</head>
<body>
<div id="root"></div>
Expand Down
21 changes: 12 additions & 9 deletions src/App.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,22 @@
import './styles/App.css'
import Header from './components/sub-components/Header'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faBarsStaggered, faMagnifyingGlass, faCircleUser, faArrowsRotate, faCodeFork, faStar, faEye, faFilter, faFilterCircleXmark, faArrowsUpDown, faSort } from '@fortawesome/free-solid-svg-icons'
import { faBarsStaggered, faMagnifyingGlass, faCircleUser, faArrowsRotate, faCodeFork, faStar, faEye, faFilter, faFilterCircleXmark, faArrowsUpDown, faSort, faXmark } from '@fortawesome/free-solid-svg-icons'
import { faGithubAlt } from '@fortawesome/free-brands-svg-icons'
import Fetch from './components/pages/Fetch'
// import Activity from './components/Activity'
library.add(faBarsStaggered, faMagnifyingGlass, faCircleUser, faArrowsRotate, faCodeFork, faStar, faEye, faFilter, faFilterCircleXmark, faArrowsUpDown, faGithubAlt, faSort)
library.add(faBarsStaggered, faMagnifyingGlass, faCircleUser, faArrowsRotate, faCodeFork, faStar, faEye, faFilter, faFilterCircleXmark, faArrowsUpDown, faGithubAlt, faSort, faXmark)
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import Issues from './components/pages/Issues'

function App() {
return (
<div className='m-4'>
<Header />
<Fetch />
</div>
)
<Router>
<Routes>
<Route path="/" element={<Issues />} />
<Route exact path="/timeline" element={<Fetch />} />
{/* Other routes */}
</Routes>
</Router>
);
}

export default App
39 changes: 22 additions & 17 deletions src/components/pages/Fetch.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import axios from 'axios';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import db from '../../firebase.js' //can import default export with any name
import { getDocs, collection, setDoc, doc, writeBatch } from "firebase/firestore";
import Header from '../sub-components/Header.jsx';


function Fetch() {
Expand Down Expand Up @@ -36,7 +37,7 @@ function Fetch() {
// try {
// results.map((result) => {
// // console.log("single item ", result);
// const docRef = doc(db, "001", (result.id).toString());
// const docRef = doc(db, "issues", (result.id).toString());
// const payload = {
// description: result.description,
// forks_count: result.forks_count,
Expand Down Expand Up @@ -89,22 +90,26 @@ function Fetch() {

return (
<>
{results.length > 0 ?
results.slice(0, 5).map((r, k) => (
< List data={r} key={k} />
))
:
<List />
}
<div
onClick={() => {
setCallFetch(true)
}}
className={`flex flex-row items-center justify-center bg-neutral-200 hover:bg-neutral-300 my-20 py-3 rounded-md ${callFetch ? 'cursor-default' : 'cursor-pointer'} text-md`}
style={{ pointerEvents: callFetch ? 'none' : 'auto' }}
>
<FontAwesomeIcon icon="fa-solid fa-arrows-rotate" className='px-2' />
Refresh</div>
<div className='m-4'>
<Header />

{results.length > 0 ?
results.slice(0, 5).map((r, k) => (
< List data={r} key={k} />
))
:
<List />
}
<div
onClick={() => {
setCallFetch(true)
}}
className={`flex flex-row items-center justify-center bg-neutral-200 hover:bg-neutral-300 my-20 py-3 rounded-md ${callFetch ? 'cursor-default' : 'cursor-pointer'} text-md`}
style={{ pointerEvents: callFetch ? 'none' : 'auto' }}
>
<FontAwesomeIcon icon="fa-solid fa-arrows-rotate" className='px-2' />
Refresh</div>
</div>
</>
)
}
Expand Down
Loading