Message to user which file types are supported (#294)

* Message to user which file types are supported * Remove space
playcanvas · May 19, 2024 · aab570e · aab570e
1 parent ad7ca71
commit aab570e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/ui/load-controls.tsx b/src/ui/load-controls.tsx
@@ -64,14 +64,14 @@ const LoadControls = (props: { setProperty: SetProperty }) => {
                         window.open('https://github.com/playcanvas/model-viewer', '_blank').focus();
                     }} icon='E259'/>
                 </div>
-                <input type='file' id='file' multiple onChange={onFileSelected} ref={inputFile} style={{ display: 'none' }} />
+                <input type='file' id='file' accept='.glb,.gltf,.ply' multiple onChange={onFileSelected} ref={inputFile} style={{ display: 'none' }} />
                 <div id="drag-drop" onClick={onLoadButtonClick}>
                     <Button id="drag-drop-search-icon" icon='E129' />
-                    <Label class='desktop' text="Drag & drop your files or click to open files" />
+                    <Label class='desktop' text="Drag & drop .glb, .gltf, or .ply files, or click to open files" />
                     <Label class='mobile' text="Click to open files" />
                 </div>
                 <Label id='or-text' text="OR" class="centered-label" />
-                <TextInput class='secondary' id='glb-url-input' placeholder='enter url' keyChange onValidate={(value: string) => {
+                <TextInput class='secondary' id='glb-url-input' placeholder='Enter .glb, .gltf, or .ply URL' keyChange onValidate={(value: string) => {
                     const isValid = validUrl(value);
                     setUrlInputValid(isValid);
                     return isValid;