-
Notifications
You must be signed in to change notification settings - Fork 19
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
base: main
Are you sure you want to change the base?
Conversation
sakshi1755
commented
Mar 6, 2025
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", | ||
}; | ||
|
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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