From 52fc2451cba2287d717f53f454e0833ccebb9fa5 Mon Sep 17 00:00:00 2001 From: haseebzaki-07 <147314463+haseebzaki-07@users.noreply.github.com> Date: Sat, 27 Jul 2024 00:38:45 +0530 Subject: [PATCH 01/17] add hover on faq --- src/Components/FAQ/accordian.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/Components/FAQ/accordian.css b/src/Components/FAQ/accordian.css index 5d0d114..f01345f 100644 --- a/src/Components/FAQ/accordian.css +++ b/src/Components/FAQ/accordian.css @@ -19,6 +19,7 @@ h2 { padding-right: 20px; padding-bottom: 15px; padding-left: 10px; + cursor : pointer; } .accordian .question:hover { From 77ffa3a6c984ba15ac39958fedaf9553b173d87e Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 04:59:09 +0530 Subject: [PATCH 02/17] Create Options.jsx --- src/Components/ChatBot/Options.jsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Components/ChatBot/Options.jsx diff --git a/src/Components/ChatBot/Options.jsx b/src/Components/ChatBot/Options.jsx new file mode 100644 index 0000000..e69de29 From be7acdd58f2c38746d211c219dab6d52bb0736e8 Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 04:59:34 +0530 Subject: [PATCH 03/17] Update Options.jsx --- src/Components/ChatBot/Options.jsx | 63 ++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) diff --git a/src/Components/ChatBot/Options.jsx b/src/Components/ChatBot/Options.jsx index e69de29..78c62cc 100644 --- a/src/Components/ChatBot/Options.jsx +++ b/src/Components/ChatBot/Options.jsx @@ -0,0 +1,63 @@ +import React, { useState, useEffect } from 'react'; +import { shuffleArray } from './utils'; + +const Options = ({ actions }) => { + const [currentOptions, setCurrentOptions] = useState([]); + + const allOptions = [ + 'services', 'pricing', 'contact', 'mission', + 'location', 'experience', 'startups', 'featured', + 'benefits', 'resources', 'collaboration', 'contact', + 'SuccessStories', 'investors' + ]; + + useEffect(() => { + + const shuffledOptions = shuffleArray(allOptions); + setCurrentOptions(shuffledOptions.slice(0, 4)); + }, []); + + const handleOptionClick = (option) => { + actions[option](); + + const shuffledOptions = shuffleArray(allOptions); + setCurrentOptions(shuffledOptions.slice(0, 4)); + }; + + return ( +
+ {currentOptions.map((option, index) => ( +
handleOptionClick(option)} + style={styles.option} + > + {option.charAt(0).toUpperCase() + option.slice(1)} +
+ ))} +
+ ); +}; + +const styles = { + optionsContainer: { + display: 'flex', + flexDirection: 'column', + alignItems: 'flex-start', + padding: '10px', + }, + option: { + backgroundColor: '#007bff', + color: '#fff', + padding: '8px 16px', + margin: '5px', + borderRadius: '16px', + cursor: 'pointer', + textAlign: 'center', + width: '100%', + maxWidth: '180px', + fontSize: '14px', + }, +}; + +export default Options; From 81a328a77e3a588f2a64ef0d3ea10757f7be0758 Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 05:00:18 +0530 Subject: [PATCH 04/17] Update ChatAssistant.css --- src/Components/ChatAssistant/ChatAssistant.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/Components/ChatAssistant/ChatAssistant.css b/src/Components/ChatAssistant/ChatAssistant.css index a3984c0..2383241 100644 --- a/src/Components/ChatAssistant/ChatAssistant.css +++ b/src/Components/ChatAssistant/ChatAssistant.css @@ -42,7 +42,7 @@ .react-chatbot-kit-chat-message-container { overflow-x: hidden; - padding: 0.5px 5px 25px 5.5px; + padding: 0.5px 1px 0px 6.5px; } .react-chatbot-kit-user-chat-message { @@ -65,13 +65,13 @@ .react-chatbot-kit-chat-container { width: 90vw; - max-width: 336px; - height: 97vh; - max-height: 475px; + max-width: 349px; + height: 173vh; + max-height: 508px; border: 2px solid blue; border-radius: 22px; overflow: hidden; - margin-bottom: 34px; + margin-bottom: 49px; } .react-chatbot-kit-chat-bot-message { From eee4fb865fb63a3a317fceca3b64ab97f896075e Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 05:00:43 +0530 Subject: [PATCH 05/17] Update config.jsx --- src/Components/ChatBot/config.jsx | 54 +++++++++++++++++++++---------- 1 file changed, 37 insertions(+), 17 deletions(-) diff --git a/src/Components/ChatBot/config.jsx b/src/Components/ChatBot/config.jsx index 26c41ca..a71fbf1 100644 --- a/src/Components/ChatBot/config.jsx +++ b/src/Components/ChatBot/config.jsx @@ -1,21 +1,41 @@ +import React from 'react'; import { createChatBotMessage } from 'react-chatbot-kit'; import Avatar from "../ChatAssistant/Avatar"; -import UserAvatar from "../ChatAssistant/UserAvatar" +import UserAvatar from "../ChatAssistant/UserAvatar"; +import Options from './Options'; + const config = { - botName: "InvestIQ", - initialMessages: [createChatBotMessage(`Welcome to StartConnect-Hub! 🙌`)], - customComponents:{ - botAvatar: (props) => , - userAvatar: (props) => , - header: () =>
- StartConnect Hub Bot- InvestIQ -
+ botName: 'InvestIQ', + initialMessages: [ + createChatBotMessage('Welcome to StartConnect-Hub! 🙌 How can I help you?', { + widget: 'options' + }), + ], + customComponents: { + botAvatar: (props) => , + userAvatar: (props) => , + header: () => ( +
+ StartConnect Hub Bot - InvestIQ +
+ ), + }, + widgets: [ + { + widgetName: 'options', + widgetFunc: (props) => , }, -} -export default config; \ No newline at end of file + ], +}; + +export default config; From b008b89d3603b6f11478b38677a0dff5204e4021 Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 05:01:12 +0530 Subject: [PATCH 06/17] Update MessageParser.jsx --- src/Components/ChatBot/MessageParser.jsx | 146 ++++++++++++----------- 1 file changed, 74 insertions(+), 72 deletions(-) diff --git a/src/Components/ChatBot/MessageParser.jsx b/src/Components/ChatBot/MessageParser.jsx index 017da4a..3da9d98 100644 --- a/src/Components/ChatBot/MessageParser.jsx +++ b/src/Components/ChatBot/MessageParser.jsx @@ -1,81 +1,83 @@ import React from 'react'; const MessageParser = ({ children, actions }) => { - + const parse = (message) => { - message = message.toLowerCase().trim(); // Added trim to remove leading/trailing spaces + message = message.toLowerCase().trim(); + + const options = [ + 'services', 'pricing', 'contact', 'mission', 'location', + 'experience', 'startups', 'featured', 'benefits', 'resources', + 'collaboration', 'contact', 'SuccessStories', 'investors' + ]; + + const foundOption = options.find(option => message.includes(option)); - if ( - message.includes('company') || - message.includes('website') || - message.includes('mission') || - message.includes('what does this company do') || - message.includes('startconnect-hub') || - message.includes('startconnect') || - message.includes('site') - - ) { - actions.companyDetails(); - - } else if ( - message.includes('hello') || - message.includes('hi') || - message.includes('hey') || - message.includes('who are you') - ) { - actions.handleHello(); - } else if ( - message.includes('how to reach') || - message.includes('contact') || - message.includes('phone') - ) { - actions.contactUs(); - } else if ( - message.includes('price') || - message.includes('pricing') || - message.includes('cost') - ) { - actions.handleCost(); - } else if ( - message.includes('how long') || - message.includes('experience') - ) { - actions.handleExperience(); - } else if ( - message.includes('where') || - message.includes('located') - ) { - actions.handleLocation(); - } else if ( - message.includes('services') || - message.includes('service') || - message.includes('what can you do') - ) { - actions.handleServices(); - } else if ( - message.includes('more details') || - message.includes('tell more') - ) { - actions.handleMore(); - }else if ( - message.includes('graet') || - message.includes('okay') || - message.includes('fine') || - message.includes('thankyou') || - message.includes('thanks') - ) { - actions.handleThank(); - } else if ( - message.includes('suggest questions') || - message.includes('give me questions') || - message.includes('what should i ask') || - message.includes('questions') - ) { - actions.suggestQuestions(); + if (foundOption) { + switch (foundOption) { + case 'services': + actions.handleServices(); + break; + case 'pricing': + actions.handleCost(); + break; + case 'contact': + case 'contact support': + actions.contactUs(); + break; + case 'mission': + actions.companyDetails(); + break; + case 'location': + actions.handleLocation(); + break; + case 'experience': + actions.handleExperience(); + break; + case 'startups': + actions.handleStartups(); + break; + case 'featured': + actions.handleFeatured(); + break; + case 'benefits': + actions.handleBenefits(); + break; + case 'resources': + actions.handleResources(); + break; + case 'collaboration': + actions.handleCollaboration(); + break; + case 'success stories': + actions.handleSuccessStories(); + break; + case 'investors': + actions.handleInvestors(); + break; + default: + actions.defaultResponse(); + } } else { - actions.defaultResponse(); + if ( + message.includes('hello') || + message.includes('hi') || + message.includes('hey') || + message.includes('who are you') + ) { + actions.handleHello(); + }else if ( + message.includes('thank you') || + message.includes('thanks') || + message.includes('okay') || + message.includes('hmm') + ) { + actions.handleThank(); + } else { + actions.defaultResponse(); + } } - } + } return (
@@ -89,4 +91,4 @@ const MessageParser = ({ children, actions }) => { ); }; -export default MessageParser; \ No newline at end of file +export default MessageParser; From 9b28856b9e236513e7ddfef14c57a45c762967af Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 05:01:46 +0530 Subject: [PATCH 07/17] Create utils.jsx --- src/Components/ChatBot/utils.jsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Components/ChatBot/utils.jsx diff --git a/src/Components/ChatBot/utils.jsx b/src/Components/ChatBot/utils.jsx new file mode 100644 index 0000000..e69de29 From c6b846a7d5d315ae9be649c48484a0439b4ec1ec Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 05:02:10 +0530 Subject: [PATCH 08/17] Update Utils.jsx --- src/Components/ChatBot/utils.jsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/Components/ChatBot/utils.jsx b/src/Components/ChatBot/utils.jsx index e69de29..49124ba 100644 --- a/src/Components/ChatBot/utils.jsx +++ b/src/Components/ChatBot/utils.jsx @@ -0,0 +1,15 @@ +export const shuffleArray = (array) => { + let currentIndex = array.length, temporaryValue, randomIndex; + + while (currentIndex !== 0) { + randomIndex = Math.floor(Math.random() * currentIndex); + currentIndex--; + + temporaryValue = array[currentIndex]; + array[currentIndex] = array[randomIndex]; + array[randomIndex] = temporaryValue; + } + + return array; + }; + \ No newline at end of file From 849f28997f4419ac9d71e13775313e6cbd246e84 Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Sat, 27 Jul 2024 05:02:36 +0530 Subject: [PATCH 09/17] Update ActionProvider.jsx --- src/Components/ChatBot/ActionProvider.jsx | 184 +++++++++++++--------- 1 file changed, 106 insertions(+), 78 deletions(-) diff --git a/src/Components/ChatBot/ActionProvider.jsx b/src/Components/ChatBot/ActionProvider.jsx index ab7e2e2..4a431eb 100644 --- a/src/Components/ChatBot/ActionProvider.jsx +++ b/src/Components/ChatBot/ActionProvider.jsx @@ -1,16 +1,8 @@ import React from 'react'; -import {createChatBotMessage} from 'react-chatbot-kit' +import { createChatBotMessage } from 'react-chatbot-kit'; +import { shuffleArray } from './utils'; const ActionProvider = ({ createChatBotMessage, setState, children }) => { - const questions = [ - "What services do you offer?", - "Can you tell me about your pricing?", - "How can I contact your support team?", - "What is the mission of your company?", - "Where are you located?", - "How long have you been in business?" - ]; - const updateState = (message) => { setState((prev) => ({ ...prev, @@ -18,80 +10,116 @@ const ActionProvider = ({ createChatBotMessage, setState, children }) => { })); }; - const handleHello = () => { - const message = createChatBotMessage('Hello, I am InvestIQ, type in your query.'); - updateState(message); - }; - - const companyDetails = () => { - const message = createChatBotMessage('At StartConnect-Hub, our mission is to create a thriving ecosystem where entrepreneurs and investors can come together to turn ideas into reality. We understand the challenges that startups face, from securing funding to navigating the complexities of the business world. With our platform, entrepreneurs can bring their visions to life and take their businesses to new heights.'); - updateState(message); - }; - - const contactUs = () => { - const message = createChatBotMessage('Contact details can be viewed on our CONTACT US section. Feel free to drop us your query.'); - updateState(message); - }; - - const handleServices = () => { - const message = createChatBotMessage("Our services include investor management, financial services,full service funds, and more. You can visit our website for a detailed list of services."); - updateState(message); - }; - - const handleCost = () => { - const message = createChatBotMessage("Our pricing varies depending on the scope of the project and specific requirements. Please contact our sales team for detailed pricing information tailored to your needs."); - updateState(message); - }; - - - const handleMore = () => { - const message = createChatBotMessage("Our mission is to empower businesses with innovative technology solutions and help them achieve their goals efficiently and effectively."); - updateState(message); - }; - - const handleLocation = () => { - const message = createChatBotMessage("We are located in India. You can visit contact details for more"); - updateState(message); - }; - - const handleExperience = () => { - const message = createChatBotMessage("We have been in business for more than 2 years, serving clients worldwide."); - updateState(message); - }; - - const handleThank = () => { - const message = createChatBotMessage("Hope I could help! Stay connected and thank you."); - updateState(message); - }; - - const defaultResponse = () => { - const message = createChatBotMessage("I'm not sure about that. Can you ask something else? Or You can feel free to checkout Frequently asked questions") ; - updateState(message) ; - } - - const suggestQuestions = () => { - const questionsMessage = questions.map((question, idx) => `${idx + 1}. ${question}`).join('\n'); - const message = createChatBotMessage(`Here are some questions you can ask:\n\n${questionsMessage}`); - updateState(message); + const actions = { + services: () => { + const message = createChatBotMessage('Our services include investor management, financial services, full-service funds, and more.', { + widget: 'options' + }); + updateState(message); + }, + pricing: () => { + const message = createChatBotMessage('Our pricing varies depending on the project. Please contact our sales team for detailed information.', { + widget: 'options' + }); + updateState(message); + }, + contact: () => { + const message = createChatBotMessage('You can contact us through the Contact Us section on our website.', { + widget: 'options' + }); + updateState(message); + }, + mission: () => { + const message = createChatBotMessage('Our mission is to create a thriving ecosystem for entrepreneurs and investors.', { + widget: 'options' + }); + updateState(message); + }, + location: () => { + const message = createChatBotMessage('We are located in India.', { + widget: 'options' + }); + updateState(message); + }, + experience: () => { + const message = createChatBotMessage('We have been in business for over 2 years.', { + widget: 'options' + }); + updateState(message); + }, + startups: () => { + const message = createChatBotMessage('We work with a diverse range of startups across various industries.', { + widget: 'options' + }); + updateState(message); + }, + featured: () => { + const message = createChatBotMessage('To get featured, submit your startup profile through our platform.', { + widget: 'options' + }); + updateState(message); + }, + benefits: () => { + const message = createChatBotMessage('Joining StartConnectHub offers numerous benefits including access to investors and mentors.', { + widget: 'options' + }); + updateState(message); + }, + resources: () => { + const message = createChatBotMessage('We offer resources like mentorship programs, funding opportunities, and business development guides.', { + widget: 'options' + }); + updateState(message); + }, + collaboration: () => { + const message = createChatBotMessage('We encourage collaboration among startups.', { + widget: 'options' + }); + updateState(message); + }, + contactSupport: () => { + const message = createChatBotMessage('Contact our support team through the Contact Us section on our website.', { + widget: 'options' + }); + updateState(message); + }, + SuccessStories: () => { + const message = createChatBotMessage('We feature success stories from startups on our website.', { + widget: 'options' + }); + updateState(message); + }, + investors: () => { + const message = createChatBotMessage('Investors can sign up on our platform to explore investment opportunities.', { + widget: 'options' + }); + updateState(message); + }, + handleHello: () => { + const message = createChatBotMessage('Hello, I am InvestIQ. Type in your query or Here are some options you can choose from:', { + widget: 'options' + }); + updateState(message); + }, + handleThank: () => { + const message = createChatBotMessage('You are Welcome! If you have any more questions or need further assistance, feel free to ask.', { + widget: 'options' + }); + updateState(message); + }, + defaultResponse: () => { + const message = createChatBotMessage("I'm not sure about that. Can you ask something else? Here are some options you can choose from Or feel free to check out the Frequently Asked Questions.", { + widget: 'options' + }); + updateState(message); + } }; return (
{React.Children.map(children, (child) => { return React.cloneElement(child, { - actions: { - handleHello, - companyDetails, - contactUs, - suggestQuestions , - handleCost, - handleExperience, - handleLocation, - handleServices, - handleMore, - handleThank, - defaultResponse - }, + actions, }); })}
From 3b15528ef37a44cc7b93ec793edaf7aa01c74d93 Mon Sep 17 00:00:00 2001 From: srilekha279 <158455553+srilekha279@users.noreply.github.com> Date: Sun, 28 Jul 2024 12:54:54 +0000 Subject: [PATCH 10/17] Fixed the login page --- package-lock.json | 8 ++-- package.json | 2 +- src/Components/Login/Login.css | 71 +++++++++++++-------------- src/Components/Login/Login.jsx | 87 +++++++++++++++++++--------------- 4 files changed, 90 insertions(+), 78 deletions(-) diff --git a/package-lock.json b/package-lock.json index 0199ad4..651042e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -53,7 +53,7 @@ "rimraf": "^5.0.7", "svgo": "^3.3.2", "tailwindcss": "^3.4.3", - "vite": "^5.3.3", + "vite": "^5.3.5", "webpack": "^5.92.1", "webpack-cli": "^5.1.4", "webpack-dev-server": "^5.0.4" @@ -21534,9 +21534,9 @@ } }, "node_modules/vite": { - "version": "5.3.3", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.3.tgz", - "integrity": "sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==", + "version": "5.3.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.5.tgz", + "integrity": "sha512-MdjglKR6AQXQb9JGiS7Rc2wC6uMjcm7Go/NHNO63EwiJXfuk9PgqiP/n5IDJCziMkfw9n4Ubp7lttNwz+8ZVKA==", "dev": true, "dependencies": { "esbuild": "^0.21.3", diff --git a/package.json b/package.json index bf86fb7..c90b2d4 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,7 @@ "rimraf": "^5.0.7", "svgo": "^3.3.2", "tailwindcss": "^3.4.3", - "vite": "^5.3.3", + "vite": "^5.3.5", "webpack": "^5.92.1", "webpack-cli": "^5.1.4", "webpack-dev-server": "^5.0.4" diff --git a/src/Components/Login/Login.css b/src/Components/Login/Login.css index 551acde..958420f 100644 --- a/src/Components/Login/Login.css +++ b/src/Components/Login/Login.css @@ -3,7 +3,7 @@ justify-content: center; align-items: center; height: auto; - margin-top: 100px; /* Adjust this value to move the login box down */ + margin-top: 100px; padding-bottom: 10px; } @@ -12,93 +12,94 @@ background-image: linear-gradient(315deg, #ffffff 0%, #91a6ff 74%); width: 400px; margin: 0 auto; - padding: 10px 10px 20px 10px; + padding: 20px; border: 1px solid #ccc; border-radius: 20px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } -.login-container > input { - outline: none; -} - -.input { - padding: 20px; - border: none; -} - h2 { font-size: 28px; - margin-bottom: 10px; - padding: 20px; + margin-bottom: 20px; + padding: 10px 0; +} + +.input-container { + width: 100%; + position: relative; + margin-bottom: 5px; } input { width: 100%; - margin-bottom: 20px; - padding: 8px; + padding: 10px; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; - border: none; outline: none; } button { - width: 50%; - padding: 20px; + width: 90%; + padding: 15px; border: none; border-radius: 10px; background-color: #007bff; color: #fff; cursor: pointer; + font-size: 16px; + margin-bottom: 20px; } button:hover { - background-color: #007bff; + background-color: #0056b3; } .login-container p { margin-top: 10px; text-align: center; - padding-bottom: 20px; + padding-bottom: 10px; } p a { color: #007bff; text-decoration: none; - margin-top: 12px; } p a:hover { color: #0056b3; text-decoration: underline; } + .googlelogin { - padding: 20px; - margin-top: 12px; - width: 50%; - text-align: center; - margin-left: 50px; + width: 100%; + justify-content: center; + margin-top: 10px; +} + +.googlelogin button:hover, +.googlelogin div:hover { + background-color: #dbedf8b9; + transition: background-color 0.3s ease; } + .warningmsg { - margin: 0; + margin: 3px 0; text-align: left; - padding: 0; - margin-bottom: 10px; - /* justify-content: center; - display: flex; */ + color: red; } + .eye { float: right; - left:-9px; + left: -9px; margin-top: -45px; + margin-right: 10px; position: relative; - z-index: 2; - width: 14px; /*Desired width*/ - height: 14px; /*Desired height*/ + width: 14px; + height: 14px; } + .eye:hover { color: #007efc; cursor: pointer; diff --git a/src/Components/Login/Login.jsx b/src/Components/Login/Login.jsx index 466ac95..d0f0bd9 100644 --- a/src/Components/Login/Login.jsx +++ b/src/Components/Login/Login.jsx @@ -1,25 +1,20 @@ -import React, { useState } from "react"; +import React, { useState, useEffect } from "react"; import { useNavigate, NavLink } from "react-router-dom"; import "./Login.css"; import { GoogleOAuthProvider, GoogleLogin } from '@react-oauth/google'; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; /*react libraries used - for importing eye icon */ -import { faEye } from "@fortawesome/free-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons"; - -const Login = () => { +const Login = ({ isDarkMode }) => { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [warnings, setWarnings] = useState({ email: "", password: "" }); - const [isVisible,setVisible] = useState(false); + const [isVisible, setVisible] = useState(false); const navigate = useNavigate(); - const eye = ; - - const togglePasswordFunction=()=>{ //toggling function for visibility of password - setVisible(isVisible?false:true) + const togglePasswordFunction = () => { + setVisible(!isVisible); }; - const handleLogin = () => { let emailWarning = ""; @@ -57,12 +52,21 @@ const Login = () => { console.log("Login Failed"); }; + useEffect(() => { + const body = document.body; + if (isDarkMode) { + body.classList.add("dark-mode"); + } else { + body.classList.remove("dark-mode"); + } + }, [isDarkMode]); + return (
-
+

Login

-
+
{ }} /> {warnings.email &&

{warnings.email}

} - - { - setPassword(e.target.value); - setWarnings((prevWarnings) => ({ ...prevWarnings, password: "" })); - }} - onBlur={(e) => { - if (!e.target.value) { - setWarnings((prevWarnings) => ({ ...prevWarnings, password: "*Please enter your password" })); - } - }} - /> - {eye}{" "} +
+ { + setPassword(e.target.value); + setWarnings((prevWarnings) => ({ ...prevWarnings, password: "" })); + }} + onBlur={(e) => { + if (!e.target.value) { + setWarnings((prevWarnings) => ({ ...prevWarnings, password: "*Please enter your password" })); + } + }} + /> + + + +
{warnings.password &&

{warnings.password}

}

- Forgot your password? Reset it here -

+ Forgot your password? Reset it here +

Don't have an account? Sign up

- +
+ +
); }; -export default Login; +export default Login; \ No newline at end of file From e877811c66aa4b7ca89eee3c5414ff02ec204675 Mon Sep 17 00:00:00 2001 From: Meet Jain <133582566+Meetjain1@users.noreply.github.com> Date: Wed, 31 Jul 2024 00:34:07 +0530 Subject: [PATCH 11/17] Update Footer.jsx --- src/Components/Footer/Footer.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/Footer/Footer.jsx b/src/Components/Footer/Footer.jsx index 5b4d26a..ae94ab8 100644 --- a/src/Components/Footer/Footer.jsx +++ b/src/Components/Footer/Footer.jsx @@ -179,7 +179,7 @@ const Footer = () => {
- © 2024 StartConnect-Hub. All rights reserved. + © {new Date().getFullYear()} StartConnect-Hub. All rights reserved.
From cd37712f63d4f66d80c908cc86b035fa19e65a27 Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Thu, 1 Aug 2024 17:35:48 +0530 Subject: [PATCH 12/17] Update Licensing.jsx --- src/Pages/Licensing.jsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/Pages/Licensing.jsx b/src/Pages/Licensing.jsx index 47fe02b..91b2593 100644 --- a/src/Pages/Licensing.jsx +++ b/src/Pages/Licensing.jsx @@ -8,7 +8,6 @@ const Container = styled.div` margin-top: 60px; padding: 20px; font-family: Arial, sans-serif; - background-color: #f9f9f9; border-radius: 5px; `; From 0b39b61daa2549578b989a592ad9bb4caf195f47 Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Thu, 1 Aug 2024 17:36:16 +0530 Subject: [PATCH 13/17] Update feedback.css --- src/Pages/feedback.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Pages/feedback.css b/src/Pages/feedback.css index f1dd362..ea2ee3d 100644 --- a/src/Pages/feedback.css +++ b/src/Pages/feedback.css @@ -13,12 +13,12 @@ align-items: center; justify-content: center; padding: 20px; - background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 100%; max-width: 600px; box-sizing: border-box; + margin-top: 55px; } .feedback-form h2 { @@ -29,7 +29,7 @@ } .feedback-form p { - color: #666; + font-size: 16px; margin-bottom: 20px; text-align: center; @@ -58,7 +58,7 @@ .feedback-form label { font-size: 14px; margin-bottom: 5px; - color: #333; + } .feedback-form input[type="text"], From dd2fab19d99713d0f843167ef74e66fc11b9df77 Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Thu, 1 Aug 2024 17:36:31 +0530 Subject: [PATCH 14/17] Update Contributors.jsx --- src/Pages/Contributors.jsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/Pages/Contributors.jsx b/src/Pages/Contributors.jsx index 1156037..e257703 100644 --- a/src/Pages/Contributors.jsx +++ b/src/Pages/Contributors.jsx @@ -37,7 +37,18 @@ function Contributors() { className="contributor-avatar" /> -

{contributor.login}

+

+ + + + {contributor.login} +

Contributions: {contributor.contributions}

From 6a09af61a62f160d56352b3cfe4dc4f7962bad6e Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Thu, 1 Aug 2024 17:36:42 +0530 Subject: [PATCH 15/17] Update Contributors.css --- src/Pages/Contributors.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/src/Pages/Contributors.css b/src/Pages/Contributors.css index 090bf8b..9ecac62 100644 --- a/src/Pages/Contributors.css +++ b/src/Pages/Contributors.css @@ -1,10 +1,15 @@ - .contributors-container { width: 100%; height: 100%; padding-top: 2rem; overflow: hidden; - background-color: rgb(221, 229, 246); /* Change background color to white or any light color */ + +} + +.github-icon { + margin-right: 0.5rem; + vertical-align: middle; + fill: white; /* Adjust color as needed */ } @@ -13,7 +18,6 @@ text-align: center; font-size: 2.5rem; font-weight: 600; - color: #1f2937; margin-bottom: 2rem; text-transform: uppercase; } @@ -23,7 +27,7 @@ flex-wrap: wrap; justify-content: center; gap: 2rem; - margin-bottom: 1rem; + margin-bottom: 4rem; } .contributor-card { @@ -32,8 +36,8 @@ display: flex; flex-direction: column; align-items: center; - background-color: #1f2937; - border: 1px solid #d1d5db; + background-color: rgb(0, 0, 85); + border: 2px solid #6969ff; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 1rem; @@ -55,6 +59,7 @@ border-radius: 50%; object-fit: cover; margin-bottom: 1rem; + border: 2.5px solid #9e9eff; } .contributor-name { From 5b0c8396bc6b8646359fc50e09e1f11f4dec22d4 Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Thu, 1 Aug 2024 17:37:08 +0530 Subject: [PATCH 16/17] Update Blogs.jsx --- src/Pages/Blogs.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Pages/Blogs.jsx b/src/Pages/Blogs.jsx index 059cb21..5ca811d 100644 --- a/src/Pages/Blogs.jsx +++ b/src/Pages/Blogs.jsx @@ -122,13 +122,13 @@ const BlogsWrapper = styled.div` max-width: 1200px; margin: 0 auto; line-height: 1.6; - background-color: #e3f2fd; + h1 { font-size: 2.5rem; margin-top: 80px; text-align: center; - color: #212ea0; + } `; From b0cb1a7d59b204942db84d1ec2251e9d26bbb8e7 Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Thu, 1 Aug 2024 17:37:25 +0530 Subject: [PATCH 17/17] Update App.jsx --- src/App.jsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 8b1fe38..50c63bb 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -47,14 +47,14 @@ import Contributors from './Pages/Contributors.jsx'; const ThemeContext = createContext(); const App = () => { - const theme = useSelector((state) => state.theme.value) ? "dark" : "light"; - const [currentTheme, setTheme] = useState(theme); + const theme = useSelector((state) => state.theme.value) ? "dark" : "light"; + const [currentTheme, setTheme] = useState(theme); - const toggleTheme = () => { - const newTheme = currentTheme === 'light' ? 'dark' : 'light'; - setTheme(newTheme); - localStorage.setItem('theme', newTheme); - }; + const toggleTheme = () => { + const newTheme = currentTheme === 'light' ? 'dark' : 'light'; + setTheme(newTheme); + localStorage.setItem('theme', newTheme); + }; useEffect(() => { AOS.init({