?HAMA

Edit File Size: 3.07 KB

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

Text Base64

import React from "react"
import { useForm, usePage } from "@inertiajs/react"
import { useSelector } from "react-redux"
import translate from "@/utils/translate"

export default function Newsletter({ placeholder, title, variant, btnClass, titleClass }) {
    const { flash } = usePage().props
    const subscriber = useSelector((state) => state.customize.subscriber)
    const { errors, data, setData, post, processing, wasSuccessful, reset } = useForm({
        email: ""
    })

// handle submit
    const handleSubmit = (e) => {
        e.preventDefault()
        post(route("subscribe"), {
            preserveScroll: true,
            onSuccess: () => {
                reset("email")
            }
        })
    }
    return (
        <>
            <div className={`cs_newsletter cs_style_1 ${variant ? variant : ""}`}>
                <h2
                    className={titleClass}
                    dangerouslySetInnerHTML={{
                        __html: title
                    }}
                />
                <form onSubmit={handleSubmit} className="cs_newsletter_form">
                    <input
                        type="email"
                        onChange={(e) => setData("email", e.target.value)}
                        value={data.email}
                        className="cs_newsletter_input"
                        placeholder={placeholder}
                    />
                    <button disabled={processing} className={btnClass}>
                        {translate("Subscribe Now")}
                        <span>
                            <i>
                                <svg width={11} height={11} viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M1 10L10 1M10 1L1 1M10 1L10 10"
                                        stroke="currentColor"
                                        strokeWidth="1.5"
                                        strokeLinecap="round"
                                        strokeLinejoin="round"
                                    />
                                </svg>
                            </i>
                            <i>
                                <svg width={11} height={11} viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M1 10L10 1M10 1L1 1M10 1L10 10"
                                        stroke="currentColor"
                                        strokeWidth="1.5"
                                        strokeLinecap="round"
                                        strokeLinejoin="round"
                                    />
                                </svg>
                            </i>
                        </span>
                    </button>
                    {errors.email && <span className="text-danger">{errors.email}</span>}
                    {wasSuccessful && <span className="text-success">{flash.success}</span>}
                </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