Posts

Homesit

$scope.compressImageAndUpload = async function() {     const fileInput = $scope.view.wdg['FileUpload-1'].file;     if (!fileInput || fileInput.length === 0) {         alert("Please select an image first.");         return;     }     const file = fileInput[0];     const compressedBase64 = await compressImage(file);     const byteCharacters = atob(compressedBase64);     const byteNumbers = Array.from(byteCharacters, c => c.charCodeAt(0));     const byteArray = new Uint8Array(byteNumbers);     const compressedBlob = new Blob([byteArray], { type: "image/jpeg" });     uploadToRepository(compressedBlob, file.name); }; function compressImage(file) {     return new Promise((resolve, reject) => {         const reader = new FileReader();         reader.readAsDataURL(file);         rea...

Login.js

  import React , { useState } from 'react' ; import { Link , useNavigate } from 'react-router-dom' ; const Login = () => {     const navigate = useNavigate ();     const [ email , setEmail ] = useState ( '' );     const [ password , setPassword ] = useState ( '' );     const [ emailError , setEmailError ] = useState ( '' );     const [ passwordError , setPasswordError ] = useState ( '' );     const [ modalMessage , setModalMessage ] = useState ( '' );     const [ modalVisible , setModalVisible ] = useState ( false );     const handleSubmit = async ( event ) => {         event . preventDefault ();                 // Email validation         const emailRegex = / ^ [ a-zA-Z0-9._%+- ] + @ [ a-zA-Z0-9.- ] +\. [ a-zA-Z ] {2,} $ / ;         if ( ! emailRegex . test ( email...

PaymentComponent.js

  import React from 'react' ; const PaymentComponent = ({ amount , rideId , onPaymentSuccess , onPaymentFailure }) => {     const handlePayment = ( event ) => {         event . preventDefault ();         if ( ! window . Razorpay ) {             console . error ( 'Razorpay is not loaded' );             return ;         }         const options = {             key : 'rzp_test_LMZHnNT5VlTSU1' ,             amount : amount * 100 , // Amount in paise             currency : 'INR' ,             name : 'RideShare' ,             description : 'Payment For Ride' ,             handler : function ( response ) {         ...

Homapge6

Image
 

Images

Image
 

WorkRegistrationForm HomeHelper

  import React , { useState } from 'react' ; import { Form , Button , Container , Row , Col } from 'react-bootstrap' ; import './WorkerRegistration.css' ; function WorkerRegistrationForm () {   const [ formData , setFormData ] = useState ({     name : '' ,     photo : null ,     experienceType : 'months' ,     experienceValue : '' ,     skills : [],     languages : '' ,     otherLanguage : '' ,     availability : '' ,     mobile : '' ,     identityProof : null ,     identityNumberType : '' ,     identityNumber : '' ,     gender : ''   });   const handleChange = ( e ) => {     const { name , value } = e . target ;     setFormData ({       ... formData ,       [ name ]: value     });   };   const handleFileChange = ( e ) => {  ...