Skip to content

Conversation

@milana1726
Copy link

Description

  • Implemented base layout for the Main Page
  • Implemented Header and Footer components
  • Added new favicon

🖼️ Screenshots

Main Page layout

🔧 To Do (Next Steps):

  • Finalize and fix the Footer links:
    • Implement Say Thank you (Discord >> #gratitude) page
    • Implement Heroes page for supporters

"hooks": "@/hooks"
},
"iconLibrary": "lucide"
} No newline at end of file
Copy link
Member

Choose a reason for hiding this comment

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

missing emptyline


const LoginPage = () => {
const redirectToGitHub = () => {
const githubAuthUrl = "https://github.com/login/oauth/authorize";
Copy link
Member

Choose a reason for hiding this comment

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

should be in .env

import styles from "./LoginPage.module.css";
import Image from "next/image";

const GITHUB_CLIENT_ID = "YOUR_GITHUB_CLIENT_ID";
Copy link
Member

Choose a reason for hiding this comment

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

should be in the env

const redirectUri = encodeURIComponent(
"http://localhost:3000/auth/github/callback"
);
const scope = "read:user user:email";
Copy link
Member

Choose a reason for hiding this comment

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

The scope should be configurable

icon: (
<ThumbsUp
color="blue"
size={16}
Copy link
Member

Choose a reason for hiding this comment

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

(not critical)
I would prefer if we define the size of the icons as a const and then use in the list.


const maxDonatorsShown = 21;

class FooterLayout extends React.Component<any, any> {
Copy link
Member

Choose a reason for hiding this comment

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

Why not a functional component?

import { SocialNetworks } from "./SocialNetworks";
import { Donation } from "./Donation";

const maxDonatorsShown = 21;
Copy link
Member

Choose a reason for hiding this comment

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

(not crirical)
It is common practice to use ALL_CAPS for the constants

const githubIssuesUrl = 'https://github.com/rolling-scopes/rsschool-app/issues';
const publicRoutes = [
{
icon: <Files color="#52c41a" size={16} />,
Copy link
Member

Choose a reason for hiding this comment

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

same for the size

newTab: boolean;
};

class Menu extends React.Component<MenuProps> {
Copy link
Member

Choose a reason for hiding this comment

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

should be a functinal compoenent


const socialLinks = [
{
icon: <GitHubOutlined size={24} />,
Copy link
Member

Choose a reason for hiding this comment

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

same for the icons

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants