Neeraj1005

create component Search.js

import { useState } from "react";
import { useRouter } from "next/router";
import styles from "@/styles/Search.module.css";

export default function Search() {
  const [keyword, setKeyword] = useState("");

Neeraj1005

## Delete a remote branch
$ git push origin --delete <branch> # Git version 1.7.0 or newer 
$ git push origin :<branch> # Git versions older than 1.7.0

## Delete a local branch
$ git branch --delete <branch>
$ git branch -d <branch> # Shorter version
$ git branch -D <branch> # Force delete un-merged branches

## Delete a local remote-tracking branch

Neeraj1005

Add Search filter in NextJs using useState and useEffect

index.js

import Layout from "../../components/Layout";
import { NextSeo } from "next-seo";
import { useState, useEffect } from "react";
import CitiesComponent from "../../components/CitiesComponent";

const topCity = () => {

Neeraj1005

First create livewire component

php artisan make:livewire ToggleButton

Second Open ToggleButton component file and add this line of code

<?php

namespace App\Http\Livewire;

Neeraj1005

In this I have done descendent dropdown using Laravel Livewire

Country Component

<?php

namespace App\Http\Livewire\Company;

use App\Tbl_accounttypes;
use App\Tbl_countries;

Neeraj1005

this is my [slug].js file

import Link from "next/link";
import Head from "next/head";
import React, { useState } from "react";
import { useFormik } from "formik";

const Product = ({ product }) => {
  const item = product.product;
  const currencyCode = product.user.currency.html_code;

Neeraj1005

This is my [slug].js file

import Link from "next/link";
import Head from "next/head";
import React, { useState } from "react";
import { Formik } from 'formik';

const Product = ({ product }) => {
  const item = product.product;
  const currencyCode = product.user.currency.html_code;

Neeraj1005

library used

https://datatables.net/

Disable search, paging, info and additional code is defined for filter option.

In your html add for filter

 <div class="btn-group dropdown keep-open float-right">
    <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle" id="login"

Neeraj1005

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Draggable extends Component
{
    public $things = [
        ['id'=>1,'title'=>'First Title'],

Neeraj1005

<?php

namespace App\Http\Livewire;

use App\Models\User;
use Livewire\Component;

class UsersTable extends Component
{
    public $totalRecords;