FEAT: updated the code with minor design changes

SANKALP1011 · Feb 7, 2024 · 6a57a3e · 6a57a3e
1 parent c304984
commit 6a57a3e
Show file tree

Hide file tree

Showing 12 changed files with 79 additions and 54 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Components/FollowerAnalysis/FollowerProgress.tsx b/src/Components/FollowerAnalysis/FollowerProgress.tsx
@@ -18,12 +18,12 @@ const FollowerProgress: React.FC<FollowerAnalysis> = ({
 
   return (
     <div className="relative group items-start justify-center">
-      <div className="bb w-full absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-purple-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
+      <div className="gradientbackGround w-full absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-purple-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
       <Card className="followerCard drop-shadow-2xl" style={{ backgroundColor:"black" }}>
         <div className="mb-3">
-      {show && ( // Conditional rendering based on show state
+      {show && ( 
           <RoughNotation type="underline" show={show} color="orange" strokeWidth={5}>
-            <h2 className="followerCardTitle font-mono">Followers</h2>
+            <h2 className="followerAnalysisCardTitle font-mono">Followers</h2>
           </RoughNotation>
         )}
         </div>

diff --git a/src/Components/FollowerAnalysis/FollowingProgress.tsx b/src/Components/FollowerAnalysis/FollowingProgress.tsx
@@ -15,12 +15,12 @@ const FollowingProgress: React.FC<FollowingAnalysis> = ({
   const [show, setShow] = useState(true); // Define and initialize the state variable
   return (
     <div className="relative group items-start justify-center">
-    <div className="bb w-full absolute -inset-0.5 bg-gradient-to-r from-blue-600 to-red-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
+    <div className="gradientbackGround w-full absolute -inset-0.5 bg-gradient-to-r from-blue-600 to-red-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
     <Card className="followerCard " style={{ backgroundColor: "black" }}>
     <div className="mb-3">
       {show && ( 
           <RoughNotation type="underline" show={show} color="red" strokeWidth={5}>
-            <h2 className="followerCardTitle font-mono">Followers</h2>
+            <h2 className="followerAnalysisCardTitle font-mono">Followers</h2>
           </RoughNotation>
         )}
         </div>

diff --git a/src/Components/FollowerAnalysis/RatioProgress.tsx b/src/Components/FollowerAnalysis/RatioProgress.tsx
@@ -6,9 +6,9 @@ import {FollowerFollowingRatio} from "@/Interface/api.interface";
 export const RatioProgress: React.FC<FollowerFollowingRatio> = ({ FollowerToFollowingRatio }) => {
     const ratio = FollowerToFollowingRatio || ""; // Using default parameter in function body
     return (
-      <div>
-        <div></div>
-        <Card className="rounded-3xl w-32">
+      <div className="RatioProgressCard relative group items-start justify-center">
+        <div className="w-full absolute -inset-0.5 bg-gradient-to-r from-blue-600 to-red-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
+        <Card className="rounded-3xl w-32 RatioProgressCard">
           <h2 className="i">{ratio}</h2>
         </Card>
       </div>

diff --git a/src/Components/Repository/RepoProgress.tsx b/src/Components/Repository/RepoProgress.tsx
@@ -17,13 +17,13 @@ const RepoProgress: React.FC<RepoCountAnalysis> = ({
 
 
   return (
-    <div className="relative group items-start justify-center">
-      <div className="bb w-full absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-purple-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
+    <div className="relative group items-start justify-center mt-10">
+      <div className="gradientbackGround w-full absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-purple-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
       <Card className="followerCard drop-shadow-2xl" style={{ backgroundColor:"black" }}>
         <div className="mb-3">
       {show && ( // Conditional rendering based on show state
           <RoughNotation type="underline" show={show} color="orange" strokeWidth={5}>
-            <h2 className="followerCardTitle font-mono">Repo Count</h2>
+            <h2 className="followerAnalysisCardTitle font-mono">Repo Count</h2>
           </RoughNotation>
         )}
         </div>
@@ -34,7 +34,7 @@ const RepoProgress: React.FC<RepoCountAnalysis> = ({
             radius={40}
             strokeWidth={10}
             tooltip="Followers"
-            color={"green"}
+            color={"pink"}
           >
             <span className="text-md text-gray-700 font-large ">{RepoCount}</span>
           </ProgressCircle>

diff --git a/src/Services/analysis.service.ts b/src/Services/analysis.service.ts
@@ -42,4 +42,26 @@ export const getRepoCountAnalysis = async(userId:string)=>{
   catch(err){
     return err;
   }
+}
+
+export const getClosedCount = async(userId:string)=>{
+  const endPoint = "totalClosedIssuesCounts"
+  try{
+    const response = await fetch(`${BASE_API}${endPoint}?id=${userId}`)
+    return response;
+  }
+  catch(err){
+    return err;
+  }
+}
+
+export const getOpenCount = async(userId:string)=>{
+  const endPoint = "totalOpenIssuesCounts"
+  try{
+    const response = await fetch(`${BASE_API}${endPoint}?id=${userId}`)
+    return response;
+  }
+  catch(err){
+    return err;
+  }
 }
diff --git a/src/Styles/Dashboard/RatioProgress.css b/src/Styles/Dashboard/RatioProgress.css
@@ -0,0 +1,4 @@
+.RatioProgressCard{
+    height: 100px;
+
+}
diff --git a/src/Styles/Dashboard/followerProgress.css b/src/Styles/Dashboard/followerProgress.css
@@ -13,7 +13,7 @@
   }
 
 
-  .followerCardTitle {
+  .followerAnalysisCardTitle {
     font-size: 15px;
     font-weight: bolder;
     margin-top: 0;
@@ -38,13 +38,13 @@
   border-radius: 50px;
   z-index: 1;
   }
-  .bb{
+  .gradientbackGround{
     margin-left: 10%;
     border-radius: 30px;
   }
-  .i{
-    color: black;
-  }
+
+
+
 
 
 
diff --git a/src/Styles/Dashboard/langCount.css b/src/Styles/Dashboard/langCount.css
@@ -1,3 +1,4 @@
 .langGradientBack{
     border-radius: 30px;
+    width:610px
 }
diff --git a/src/Styles/Dashboard/main.css b/src/Styles/Dashboard/main.css
@@ -1,10 +1,10 @@
 .tabCard{
     background-color: black;
-    border-radius: 45px;
+    border-radius: 55px;
     max-width: 230px;
-    height: auto;
+    height: 165px;
 }
 .tabCardBackGradient{
- max-width: 240px;
- border-radius: 45px;
+ max-width: 280px;
+ border-radius: 30px;
 }
diff --git a/src/app/Dashboard/page.tsx b/src/app/Dashboard/page.tsx
@@ -29,6 +29,7 @@ import FollowingProgress from "@/Components/FollowerAnalysis/FollowingProgress";
 import LanguageCount from "@/Components/LanguageAnalysis/LanguageCount";
 import RepoProgress from "@/Components/Repository/RepoProgress";
 
+
 const VersionDashboard: React.FC = () => {
   const [followerAnlData, setFollowerAnlData] = useState<FollowerAnalysis>({
     followerCount: 0,
@@ -118,11 +119,11 @@ const VersionDashboard: React.FC = () => {
             />
           </Grid>
           <Grid numItems={1} numItemsLg={2}>
-            <div className="ml-6 mt-8 relative group items-start justify-cente">
+            <div className="ml-6 mt-10 relative group items-start justify-cente">
               <div className="tabCardBackGradient absolute -inset-0.5 bg-gradient-to-r from-green-600 to-blue-600  blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
               <Card className="tabCard">
                 <TabGroup>
-                  <TabList className="mt-8">
+                  <TabList className="mt-1">
                     <Tab>Repos</Tab>
                     <Tab>Ratio</Tab>
                     <Tab>Stars</Tab>

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -17,7 +17,7 @@
 }
 
 body{
-  background-color: black;
+  background-color:black;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,7 +17,7 @@ @@
     }
     body{
-      background-color: black;
+      background-color:black;
     }
@@ Expand Down @@