91 lines
3.1 KiB
TypeScript
91 lines
3.1 KiB
TypeScript
import React from 'react';
|
|
|
|
export const UserDetailsTab = () => {
|
|
return (
|
|
<div className="space-y-8 divide-y divide-gray-200">
|
|
<div>
|
|
<div>
|
|
<h3 className="text-lg leading-6 font-medium text-gray-900">Personal Information</h3>
|
|
</div>
|
|
|
|
<div className="mt-6 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6">
|
|
<div className="sm:col-span-3">
|
|
<label htmlFor="name" className="block text-sm font-medium text-gray-700">
|
|
Name
|
|
</label>
|
|
<div className="mt-1">
|
|
<input
|
|
type="text"
|
|
name="name"
|
|
id="name"
|
|
autoComplete="given-name"
|
|
className="shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-300 rounded-md"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="sm:col-span-3">
|
|
<label htmlFor="email" className="block text-sm font-medium text-gray-700">
|
|
Email
|
|
</label>
|
|
<div className="mt-1">
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
id="email"
|
|
autoComplete="family-name"
|
|
className="shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-300 rounded-md"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="sm:col-span-3">
|
|
<label htmlFor="currentPassword" className="block text-sm font-medium text-gray-700">
|
|
Current Password
|
|
</label>
|
|
<div className="mt-1">
|
|
<input
|
|
type="password"
|
|
name="currentPassword"
|
|
id="currentPassword"
|
|
className="shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-300 rounded-md"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="sm:col-span-3">
|
|
<label htmlFor="confirmPassword" className="block text-sm font-medium text-gray-700">
|
|
Confirm Password
|
|
</label>
|
|
<div className="mt-1">
|
|
<input
|
|
type="password"
|
|
name="confirmPassword"
|
|
id="confirmPassword"
|
|
className="shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-300 rounded-md"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="sm:col-span-3">
|
|
<label htmlFor="status" className="block text-sm font-medium text-gray-700">
|
|
Status
|
|
</label>
|
|
<div className="mt-1">
|
|
<select
|
|
id="status"
|
|
name="status"
|
|
className="shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-300 rounded-md"
|
|
>
|
|
<option>Active</option>
|
|
<option>Inactive</option>
|
|
<option>Banned</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|