Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added the homepage that would show after user logins #44

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

sakshi1755
Copy link
Contributor

image

Comment on lines +109 to +268
const logoutButtonStyle = {
background: "linear-gradient(to right, #ff4d4d, #f44336)",
color: "white",
border: "none",
padding: "0.6em 1.2em",
fontSize: "1.1em",
fontWeight: "600",
cursor: "pointer",
borderRadius: "4px",
transition: "all 0.3s ease",
boxShadow: "0 2px 4px rgba(0,0,0,0.2)",
display: "flex",
alignItems: "center",
};

const contentContainerStyle = {
padding: "2em",
flex: 1,
display: "flex",
justifyContent: "center",
alignItems: "flex-start",
};

const contentCardStyle = {
background: "white",
borderRadius: "8px",
boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
padding: "2em",
width: "100%",
maxWidth: "800px",
transition: "transform 0.3s ease",
};

// Wider card for student profiles and search results
const wideContentCardStyle = {
background: "white",
borderRadius: "8px",
boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
padding: "2em",
width: "100%",
maxWidth: "1200px", // Much wider container for student details
transition: "transform 0.3s ease",
overflow: "auto", // Ensures content doesn't overflow
};

const errorCardStyle = {
background: "white",
borderRadius: "8px",
boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
padding: "3em",
width: "100%",
maxWidth: "800px",
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
};

const headingStyle = {
textAlign: "center",
fontSize: "1.8em",
fontWeight: "bold",
color: "#3f51b5",
marginBottom: "1.5em",
paddingBottom: "0.8em",
borderBottom: "2px solid #e0e0e0",
};

const messageStyle = {
textAlign: "center",
fontSize: "1.5em",
fontWeight: "bold",
color: "#666",
};

const errorMessageStyle = {
display: "flex",
justifyContent: "center",
alignItems: "center",
fontSize: "1.5em",
fontWeight: "bold",
color: "#e53935",
textAlign: "center",
padding: "2em",
};

// Style for the Add button container when no profile exists
const addButtonContainerStyle = {
marginTop: "2em",
};

const footerStyle = {
textAlign: "center",
padding: "1em",
background: "#f8f9fa",
color: "#6c757d",
borderTop: "1px solid #dee2e6",
marginTop: "auto",
};

Copy link
Collaborator

Choose a reason for hiding this comment

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

Sakshi don' write css inside the component. use classname and move the css to index.css

console.log("Getting user ID from:", userDetails);

// Directly use ID_No as that's the field in your User schema
return userDetails.ID_No;
Copy link
Collaborator

Choose a reason for hiding this comment

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

make this userDetails.student.ID_No
because id is inside student object

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.

2 participants