?HAMA

Navigation

Breadcrumbs

Create

Edit File Size: 1011 B

//proc/thread-self/root/home/byroehnu/easetack.com/resources/js/Frontend/Components/Widget/SearchWidget.jsx

Text Base64

import { Icon } from "@iconify/react"
import React, { useState } from "react"
import { router, usePage } from "@inertiajs/react"
import translate from "@/utils/translate"

export default function SearchWidget() {
    const { props } = usePage()
    const [searchQuery, setSearchQuery] = useState(props.search ?? "")
    // handle search
    const handleSearch = (e) => {
        e.preventDefault()
        router.get(route("pages.show", {slug: props?.slug, search: searchQuery }))
    }
    return (
        <div className="cs_sidebar_item widget_search">
            <form className="cs_sidebar_search" onSubmit={handleSearch}>
                <input type="text" placeholder={`${translate("Search")}...`} value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} />
                <button type="submit" className="cs_sidebar_search_btn">
                    <Icon icon="material-symbols:search-rounded" width={24} height={24} />
                </button>
            </form>
        </div>
    )
}

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
ContactInfoWidget.jsx	882 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
MenuItem.jsx	586 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
MenuWidget.jsx	515 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
Newsletter.jsx	3.07 KB	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
RecentPost.jsx	1.38 KB	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
SearchWidget.jsx	1011 B	lrw-rw-rw-	2025-04-25 15:40:05	Edit Download recursive recursive
SideMenuWidget.jsx	835 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
SocialWidget.jsx	560 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
TagWidget.jsx	747 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive

Directory Contents