mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Entering Title autogenerates Slug

Browse source
This commit is contained in:
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">