fix:providerid is requested from backend itself

Author: mayank-dev07

package-lock.json

@@ -39,6 +39,8 @@
     "next-auth": "^4.24.7",
     "next-themes": "^0.3.0",
     "nodemailer": "^6.9.14",
+    "pusher": "^5.2.0",
+    "pusher-js": "^8.4.0-rc2",
     "qrcode": "^1.5.4",
     "qrcode.react": "^3.1.0",
     "react": "^18",

package.json

@@ -15,6 +15,7 @@ import {
 import { items } from "@/components/ui/ConnectCard";
 import CopyLinkButton from "@/components/Button/CopyLinkButton";
 import { providers } from "@/providers/constants";
+import { connectProvider } from "@/config/axios/Breakpoints";
 
 export default function Connect() {
   const { data: session } = useSession() as any;
@@ -28,15 +29,13 @@ export default function Connect() {
     try {
       const data = type.props.children.props.children.props.children;
       console.log(data);
-
+      setQrCodeData("");
+      setQrCodeDataUrl("");
       if (data) {
-        const { response } = await POST("/devprofile/connectprovider", {
+        const { response } = await POST(connectProvider, {
           userId: userId,
-          providerId: providers[data],
           providerName: data,
         });
-        console.log(response);
-
         const qr = response?.data?.qr;
         if (qr) {
           setQrCodeData(qr);

src/app/(pages)/connect/page.tsx

@@ -2,6 +2,7 @@ import { NextRequest, NextResponse } from "next/server";
 import { signWithProviderID } from "@/config/reclaim/reclaimService";
 import { getHackerrankStats } from "@/config/reclaim/hackerrank/service";
 import QRCode from "qrcode";
+import { providers } from "@/providers/constants";
 
 export async function GET(req: NextRequest) {
   const provider = req.nextUrl.searchParams.get("provider");
@@ -11,7 +12,8 @@ export async function GET(req: NextRequest) {
 }
 
 export async function POST(req: NextRequest) {
-  const { userId, providerId, providerName } = await req.json();
+  const { userId, providerName } = await req.json();
+  const providerId = providers[providerName];
   try {
     const signedUrl = await signWithProviderID(
       userId,

src/app/api/devprofile/connectprovider/route.ts

@@ -2,3 +2,4 @@ export const getRepo = "/get-repo/";
 export const githubInstallations = "/github-installation-id/";
 export const githubDevProfile = "/devprofile/github/";
 export const githubAvatar = "https://avatars.githubusercontent.com/";
+export const connectProvider = "/devprofile/connectprovider";

src/config/axios/Breakpoints.ts

@@ -29,6 +29,6 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     "src/config/middleware/middleware.ts"  
-  ],
+, "src/app/api/socket/io.js"  ],
   "exclude": ["node_modules"]
 }