芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/reginaeigbe.com/folder/admin/tmp/resources/js/Admin/Pages/Contacts/Show.jsx

import AdminLayouts from "@/Admin/Layouts/AdminLayouts";
import {Head, Link} from "@inertiajs/react";

export default function Show({contact}){
    return(
        <AdminLayouts>
            <Head title="Contact Details" />
            <div className="yoo-height-b30 yoo-height-lg-b30" />
            <div className="container-fluid">
                <div className="yoo-uikits-heading">
                    <h2 className="yoo-uikits-title">Details</h2>
                </div>
                <div className="yoo-height-b20 yoo-height-lg-b20"></div>
                <ul className="yoo-contact-info-list yoo-mp0">
                    <li>
                        <div className="yoo-contact-info-label">Name</div>
                        <div className="yoo-contact-info-details">{contact.name}</div>
                    </li>
                    <li>
                        <div className="yoo-contact-info-label">Email</div>
                        <div className="yoo-contact-info-details">{contact.email}</div>
                    </li>
                    <li>
                        <div className="yoo-contact-info-label">Mobile Number</div>
                        <div className="yoo-contact-info-details">{contact.mobile_number}</div>
                    </li>
                    <li>
                        <div className="yoo-contact-info-label">Project Type</div>
                        <div className="yoo-contact-info-details">{contact.project_type}</div>
                    </li>
                </ul>
                <div className="mt-3">
                    <strong>Message</strong> <br/>
                    <p>{contact.message}</p>
                </div>

<div className="yoo-height-b30 yoo-height-lg-b30" />
            </div>
        </AdminLayouts>
    )
}