Gaurav8757

// Date Format Helper Functions
const formatDate = (dateString, format = "dd/MM/yyyy") => {
  if (!dateString) return ""; // Handle empty date

  const date = new Date(dateString);
  if (isNaN(date.getTime())) return "Invalid Date"; // Check if date is valid

  const day = String(date.getDate()).padStart(2, "0");
  const month = String(date.getMonth() + 1).padStart(2, "0"); // Months are zero-based
  const year = date.getFullYear();

Gaurav8757

/* eslint-disable react/prop-types */
import { AnimatePresence, motion } from "motion/react";
import { Check, Copy, X } from "lucide-react";
import { toast } from "react-toastify";
import { useState } from "react";
const proposals = {
  quote_id: "Q300008826023",
  quote_no: "QT/25/6200028116",
  proposal_no: "PR/25/6200002447",
  proposal_id: "PR300001577841",

Gaurav8757

Node.js Environment

1. CommonJS

npm install dotenv
const dotenv = require("dotenv").config();
const apiKey = process.env.API_KEY;

2. ModuleJS (ES6)

npm install dotenv

Gaurav8757

import mongoose from "mongoose";
const { Schema } = mongoose;

const claimSchema = new Schema({
  sNo: { type: Number, unique: true },
  date: { type: Date },
  companyName: { type: String},
  claimType: { type: String },
  policyNo: { type: String },
  insuredName: { type: String },

Gaurav8757

function MasterView() {
   const [allDetailsData, setAllDetailsData] = useState([]);
  
  
   const handleNumericInput = (e) => {
    const input = e.target.innerText;
    const numericInput = input.replace(/[^\d.]/g, ''); // Remove any non-numeric characters
    if (input !== numericInput) {
      e.target.innerText = numericInput; // Update the contentEditable element with numeric value
    }

Gaurav8757

import  { useState } from 'react';
const App = () => {
  const [albums, setAlbums] = useState([
    { userId: 1, title: 'Album', id: 1 },
    { userId: 1, title: 'omnis laborum odio', id: 2 },
    { userId: 1, title: 'omnis laborum odio 2', id: 3 },
    { userId: 2, title: 'aque aut omnis a', id: 4 },
    { userId: 2, title: 'aque aut omnis a laborum odio', id: 5 },
    { userId: 3, title: 'omnis laque aut omnis', id: 6 },
  ]);

Gaurav8757

import React, { useState } from 'react';

function AddTerminator() {
  const [terminatedate, setTerminateDate] = useState("");
  const [dateInput, setDateInput] = useState("");

  const convertDateFormat = (dateStr) => {
    const [year, month, day] = dateStr.split('-');
    return `${day}-${month}-${year}`;
  };

Gaurav8757

import React, { useState } from 'react';
// List component
const ListWithUpdate = () => {
  const [APIData, setAPIData] = useState([]);
//  STATE TO MANAGE POPUP AND DATA 
  const [showUpdatePopup, setShowUpdatePopup] = useState(false);
  const [selectedItem, setSelectedItem] = useState(null);

// SEND DATA WITH ID AND POPUP TRUE TO OPEN
  const handleUpdateClick = (id) => {

Gaurav8757

import { useState, useEffect } from "react";
import axios from 'axios';
//COMPONENT TEXTLOADER AND TWUPDATESLAB
import TextLoader from "../../loader/TextLoader.jsx";
import TwUpdateSlab from "../UpdatePaySlabs/TwUpdateSlab.jsx";
import { toast } from "react-toastify";
// BACKEND API CALL
import VITE_DATA from "../../config/config.jsx";

function TwLists() {

Gaurav8757

startTransition:

1. startTransition is a function in React that is used when you're about to update a particular state and its impact shouldn't heavily affect the UI.
2. Its primary purpose is to ensure that if you're running a long-running process, the user doesn't face significant delays in the UI.
3. It allows React to defer the update, making it non-blocking for the user interface.



Suspense: