- Track Your GitHub Pull Requests for Various Open Source Events
- with AI Assistance
+ Track PRs for Open Source Events with AI
+
@@ -35,9 +34,9 @@ export default function Home() {
}
defaultOpen={false}
labels={{
- title: "AI Powered Github Pull Request Tracker",
+ title: "PR Tracker",
initial: [
- "Hello there! 👋 I can assist you in retrieving the details of GitHub pull requests for events like Hacktoberfest, Devfest, or general submissions.",
+ "Hello there! 👋 I can assist you in retrieving the details of GitHub pull requests.",
"Please note: I'm currently using a free version of the Groq model, so responses may sometimes be slower or less accurate, and too many frequent requests at same time may result in rate limit exceeded errors with empty responses. Please try after sometime in such cases. But I'm continually improving!",
],
}}
diff --git a/src/components/FromDatePicker.jsx b/src/components/FromDatePicker.jsx
new file mode 100644
index 0000000..f0f3fb9
--- /dev/null
+++ b/src/components/FromDatePicker.jsx
@@ -0,0 +1,73 @@
+"use client";
+
+import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import {
+ Popover,
+ PopoverContent,
+ PopoverTrigger,
+} from "@/components/ui/popover";
+import { useData } from "@/lib/hooks/use-data";
+import { useSearchParams } from "next/navigation";
+
+export default function FromDatePicker() {
+ const { dateRange, setDateRange } = useData();
+
+ const [open, setOpen] = React.useState(false);
+
+ const searchParams = useSearchParams();
+ const from = searchParams.get("from");
+
+ React.useEffect(() => {
+ if (from) {
+ const startDate = new Date(from);
+
+ if (!isNaN(startDate)) {
+ setDateRange((prev) => ({ ...prev, from: startDate.toLocaleDateString("en-CA") }));
+ } else {
+ console.error("Invalid date format for 'from':", from);
+ }
+ }
+ }, [from, setDateRange]);
+
+ return (
+
+
+
+
+ {dateRange.from ? dateRange.from : "Start date"}
+
+
+
+
+ {
+ const FromDate = currDate.toLocaleDateString("en-CA");
+ setDateRange((prev) => ({
+ ...prev,
+ from: FromDate,
+ }));
+ setOpen(false);
+ }}
+ disabled={(currentDate) => {
+ const today = new Date();
+ today.setHours(0, 0, 0, 0);
+ return currentDate > today;
+ }}
+ />
+
+
+
+ );
+}
diff --git a/src/components/ToDatePicker.jsx b/src/components/ToDatePicker.jsx
new file mode 100644
index 0000000..60d9e74
--- /dev/null
+++ b/src/components/ToDatePicker.jsx
@@ -0,0 +1,74 @@
+"use client";
+
+import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import {
+ Popover,
+ PopoverContent,
+ PopoverTrigger,
+} from "@/components/ui/popover";
+import { useData } from "@/lib/hooks/use-data";
+import { useSearchParams } from "next/navigation";
+
+export default function ToDatePicker() {
+ const { dateRange, setDateRange } = useData();
+
+ const [open, setOpen] = React.useState(false);
+
+ const searchParams = useSearchParams();
+ const to = searchParams.get("to");
+
+ React.useEffect(() => {
+ if (to) {
+ const endDate = new Date(to);
+
+ if (!isNaN(endDate)) {
+ setDateRange((prev) => ({ ...prev, to: endDate.toLocaleDateString("en-CA") }));
+ } else {
+ console.error("Invalid date format for 'from':", from);
+ }
+ }
+ }, [to, setDateRange]);
+
+ return (
+
+
+
+
+ {dateRange.to ? dateRange.to : "End date"}
+
+
+
+
+ {
+ const ToDate = currDate.toLocaleDateString("en-CA");
+ setDateRange((prev) => ({
+ ...prev,
+ to: ToDate,
+ }));
+ setOpen(false);
+ }}
+ disabled={(currentDate) => {
+ const today = new Date();
+ today.setHours(0, 0, 0, 0);
+ return currentDate > today;
+ }}
+ />
+
+
+
+ );
+}
diff --git a/src/components/UserInput.jsx b/src/components/UserInput.jsx
index 1090d7e..cec2f0b 100644
--- a/src/components/UserInput.jsx
+++ b/src/components/UserInput.jsx
@@ -1,35 +1,19 @@
"use client";
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useRef } from "react";
import { useToast } from "@/lib/hooks/use-toast";
import { useData } from "@/lib/hooks/use-data";
import { Calendar as CalendarIcon, Loader2 } from "lucide-react";
-import { format } from "date-fns";
import { useSearchParams } from "next/navigation";
-import { cn } from "@/lib/utils";
-import { Calendar } from "@/components/ui/calendar";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardFooter } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
-import { events } from "@/lib/constants/events";
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@/components/ui/select";
-import {
- Popover,
- PopoverContent,
- PopoverTrigger,
-} from "@/components/ui/popover";
import { PresetShare } from "./shared/preset-share";
+import FromDatePicker from "./FromDatePicker";
+import ToDatePicker from "./ToDatePicker";
export function UserInput() {
const {
- selectedEvent,
- setSelectedEvent,
dateRange,
setDateRange,
userName,
@@ -41,55 +25,21 @@ export function UserInput() {
const { toast } = useToast();
const searchParams = useSearchParams();
const username = searchParams.get("username");
- const from = searchParams.get("from");
- const to = searchParams.get("to");
- const event = searchParams.get("event");
const shared = searchParams.get("shared");
- useEffect(() => {
- if (username && from && to && event && shared == "true") {
- if (username) setUserName(username);
-
- if (from) {
- const startDate = new Date(from);
- console.log(startDate);
-
- if (!isNaN(startDate)) {
- setDateRange((prev) => ({ ...prev, from: startDate }));
- } else {
- console.error("Invalid date format for 'from':", from);
- }
- }
- if (to) {
- const endDate = new Date(to);
- if (!isNaN(endDate)) {
- setDateRange((prev) => ({ ...prev, to: endDate }));
- } else {
- console.error("Invalid date format for 'to':", to);
- }
- }
- if (event) setSelectedEvent(event);
- fetchPRDetails();
- }
- }, [username, from, to, event, shared]);
+ const buttonRef = useRef(null);
useEffect(() => {
- if (!event) {
- setSelectedEvent("hacktoberfest");
+ if (username && shared === "true") {
+ setUserName(username);
}
- }, []);
-
- const eventDate = (date) => {
- const month = date.getMonth();
- const year = date.getFullYear();
+ }, [username, shared, setUserName]);
- if (selectedEvent === "hacktoberfest") {
- return month === 9;
- } else if (selectedEvent === "devfest" || selectedEvent == "taipy") {
- return month === 9 && year === 2024;
+ useEffect(() => {
+ if (userName && shared === "true" && buttonRef.current) {
+ buttonRef.current.click();
}
- return true;
- };
+ }, [userName, shared]);
const formatDate = (date) => {
if (!date) return;
@@ -100,19 +50,6 @@ export function UserInput() {
return localDate && localDate.toISOString().split("T")[0];
};
- useEffect(() => {
- if (selectedEvent === "hacktoberfest" && shared != "true") {
- setDateRange({ from: new Date(2024, 9, 1), to: new Date(2024, 9, 31) });
- } else if (
- selectedEvent === "devfest" ||
- (selectedEvent === "taipy" && shared != "true")
- ) {
- setDateRange({ from: new Date(2024, 9, 1), to: new Date(2024, 9, 31) });
- } else if (selectedEvent == "none" && shared != "true") {
- setDateRange({ from: new Date(), to: new Date() });
- }
- }, [selectedEvent, setDateRange]);
-
const fetchData = () => {
if (!userName || !dateRange?.from || !dateRange?.to) {
toast({
@@ -137,67 +74,17 @@ export function UserInput() {
onChange={(e) => setUserName(e.target.value)}
/>
diff --git a/src/components/shared/EventsInfo.jsx b/src/components/shared/EventsInfo.jsx
deleted file mode 100644
index a5e2d49..0000000
--- a/src/components/shared/EventsInfo.jsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import {
- Dialog,
- DialogContent,
- DialogDescription,
- DialogHeader,
- DialogTitle,
- DialogTrigger,
-} from "@/components/ui/dialog";
-import { MessageCircleQuestion, Sun } from "lucide-react";
-import { Button } from "@/components/ui/button";
-
-export const EventsInfo = () => {
- return (
-
- );
-};
diff --git a/src/components/shared/Header.jsx b/src/components/shared/Header.jsx
index 4d62aec..79bfd70 100644
--- a/src/components/shared/Header.jsx
+++ b/src/components/shared/Header.jsx
@@ -2,19 +2,23 @@ import { ThemeToggle } from "@/components/theme/themeToggle";
import { ThemeColorToggle } from "../theme/themeColorToggle";
import Image from "next/image";
import AppLogo from "../../app-logo.svg";
-import { EventsInfo } from "./EventsInfo";
import { appConfig } from "@/config/appConfig";
import { Button } from "@/components/ui/button";
import { GitHubLogoIcon } from "@radix-ui/react-icons";
export function Header() {
return (
-