Skip to content

fix replace placeholder L with login link in header - #144

Merged
MRIARC-08 merged 7 commits into
MRIARC-08:mainfrom
kas2804:fix-navheader-bug
Jun 6, 2026
Merged

fix replace placeholder L with login link in header#144
MRIARC-08 merged 7 commits into
MRIARC-08:mainfrom
kas2804:fix-navheader-bug

Conversation

@kas2804

@kas2804 kas2804 commented Jun 5, 2026

Copy link
Copy Markdown
Contributor

Closes #123

Description

This PR resolves the navigation header bug where an unfinished placeholder <p>L</p> was visible next to the notification icon on the landing page.

Changes Made

  • Removed the floating <p>L</p> element in src/app/page.tsx.
  • Replaced it with a functional Next.js <Link> component routing to /login.
  • Applied standard text styling to the link when hovered over it reduces opacity
Screenshot 2026-06-05 at 2 51 56 PM

@vercel

vercel Bot commented Jun 5, 2026

Copy link
Copy Markdown

@kas2804 is attempting to deploy a commit to the Adarsh's projects Team on Vercel.

A member of the Team first needs to authorize it.

@MRIARC-08 MRIARC-08 left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this issue strictly mentions to add a dynamic login/user-profile-icon if the user has logged in or not, please add a check if use is already logged in and if it has, instead of showing login, show a circular icon which has the first alphabet of user's name .

@kas2804
kas2804 requested a review from MRIARC-08 June 5, 2026 16:49
@kas2804

kas2804 commented Jun 5, 2026

Copy link
Copy Markdown
Contributor Author

hey i have updated the navigation to be dynamic using useSession.please review the new changes.

@vercel

vercel Bot commented Jun 5, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
vidya-setu Ready Ready Preview, Comment Jun 6, 2026 12:30pm

Comment thread src/app/page.tsx Outdated
import DV from '../../public/Data visualization.png';
import { useRouter } from 'next/navigation';
import Link from "next/link";
import { SessionProvider, useSession } from 'next-auth/react';

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SessionProvider wont work because in this project we use custom jwt auth tokens both for email login and oAuth, so better approach would be to fetch user and then check.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I removed SessionProvider and useSession. The navigation header now checks the auth state by fetching the user via /api/user/getUser.

@kas2804
kas2804 requested a review from MRIARC-08 June 6, 2026 07:17
@MRIARC-08

Copy link
Copy Markdown
Owner

@kas2804 i have approved it, but there is a slight cleanup needs to be addressed, instead of guessing the api response format with multiple else ifs, just check the correct format and use it. once thats fixed i will merge it .

@MRIARC-08 MRIARC-08 added gssoc gssoc level:beginner GSSoC difficulty: beginner type:bug Bug fix contribution gssoc:approved GSSoC approved PR labels Jun 6, 2026
@MRIARC-08
MRIARC-08 merged commit a7696c1 into MRIARC-08:main Jun 6, 2026
3 of 4 checks passed
@kas2804

kas2804 commented Jun 6, 2026

Copy link
Copy Markdown
Contributor Author

@MRIARC-08 Thankyou for guiding me 😃.I have opened a new pr for the new changes you had mentioned

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC approved PR gssoc gssoc level:beginner GSSoC difficulty: beginner type:bug Bug fix contribution

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] Landing page placeholder <p>L</p> visible in navigation header

2 participants