tested with create-react-play

.gitignore

@@ -29,5 +29,5 @@ yarn.lock
 # nhost
 .nhost
 
-# play inde
-/src/plays/index.js
+# play index
+src/plays/index.js

src/common/components/PlayForms.jsx

@@ -1,7 +1,6 @@
-import {Chip, Autocomplete, TextField, InputLabel , MenuItem , FormControl , Select} from '@mui/material';
+import {TextField , MenuItem , FormControl , Select, Button} from '@mui/material';
 import { useEffect, useState } from 'react';
 
-
 const PlayForm = ({fields, data, onChange}) => {
 
  const [formData, setFormData] = useState({})
@@ -46,20 +45,7 @@ const PlayForm = ({fields, data, onChange}) => {
  }
  </Select>
  </FormControl>
- case 'fileupload': return <span><input
- accept="image/*"
- className={classes.input}
- style={{ display: 'none' }}
- id="raised-button-file"
- multiple
- type="file"
- />
- <label htmlFor="raised-button-file">
- <Button variant="raised" component="span" className={classes.button}>
- Upload
- </Button>
- </label> 
- </span>
+
  }
 
  }

src/common/playlists/PlayMeta.jsx

@@ -7,6 +7,7 @@ import { submit } from "common/services/request";
 import Loader from "common/spinner/spinner";
 import { toKebabCase, toPascalcase, toTitleCase } from "common/services/string";
 import { FetchPlaysByID } from "common/services/request/query/fetch-plays";
+import {PageNotFound} from 'common'
 
 function PlayMeta() {
  const [loading, setLoading] = useState(true)
@@ -57,7 +58,7 @@ function PlayMeta() {
  return <Loader />;
  }
  if (isError) {
- return <plays.PageNotFound />;
+ return <PageNotFound />;
  }
 
  const renderPlayComponent = () => {

src/common/routing/RouteDefs.jsx

@@ -5,7 +5,6 @@ import {
  Home,
  PlayMeta,
  DefMeta,
- PageNotFound,
  PlayIdeas,
  CreatePlay,
  PlayCreated

src/plays/dev-test-play-js/dev-test-play-js.js

@@ -0,0 +1,30 @@
+import PlayHeader from 'common/playlists/PlayHeader';
+import './styles.css';
+
+function devTestPlayJs(props) {
+
+ // Your Code Start below.
+
+ return (
+ <>
+ <div className="play-details">
+ <PlayHeader play={props} />
+ <div className="play-details-body">
+ {/* Your Code Starts Here */}
+ <div>
+ <h1>Play Details - Dev Test Play Js</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Pellentesque euismod, urna eu tincidunt consectetur,
+ nisi nunc ultricies nisi, eget consectetur nunc nisi
+ euismod nunc.
+ </p>
+ </div>
+ {/* Your Code Ends Here */}
+ </div>
+ </div>
+ </>
+ );
+}
+
+export default devTestPlayJs;

src/plays/dev-test-play-js/readme.md

@@ -0,0 +1,27 @@
+# Dev Test Play JS
+
+Try not to delete this play. This will be used by developers for testing
+
+## Play Demographic
+
+- Language: js
+- Level: Intermediate
+
+## Creator Information
+
+- User: koustov
+- Gihub Link: https://github.com/koustov
+- Blog: koustov
+- Video: koustov
+
+## Implementation Details
+
+Update your implementation idea and details here
+
+## Consideration
+
+Update all considerations(if any)
+
+## Resources
+
+Update external resources(if any)

src/plays/dev-test-play-js/styles.css

@@ -0,0 +1 @@
+/* enter stlyes here */