public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entering Title autogenerates Slug

pull/399/head
Syed Ali Shahbaz 2021-08-02 12:42:46 +05:30
parent 062b92be29
commit e734b5f5de
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/availability/index.tsx
View File

@ -31,6 +31,12 @@ export default function Availability(props) {
return <div className="loader"></div>; return <div className="loader"></div>;
} }
function autoPopulateSlug() {
let t = titleRef.current.value;
t = t.replace(/\s+/g, '-').toLowerCase();
slugRef.current.value = t;
}
function toggleAddModal() { function toggleAddModal() {
setShowAddModal(!showAddModal); setShowAddModal(!showAddModal);
} }
@ -237,7 +243,7 @@ export default function Availability(props) {
<div className="mb-4"> <div className="mb-4">
<label htmlFor="title" className="block text-sm font-medium text-gray-700">Title</label> <label htmlFor="title" className="block text-sm font-medium text-gray-700">Title</label>
<div className="mt-1"> <div className="mt-1">
<input ref={titleRef} type="text" name="title" id="title" required className="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md" placeholder="Quick Chat" /> <input onChange={autoPopulateSlug} ref={titleRef} type="text" name="title" id="title" required className="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md" placeholder="Quick Chat" />
</div> </div>
</div> </div>
<div className="mb-4"> <div className="mb-4">