chore: removed create-play; content available on docs site (reactplay…

…#1098)

README.md

@@ -76,7 +76,7 @@ Please support the work by giving the repository a ⭐, contributing to it, and/
 
 You may want to set up the `react-play` repo for the following reasons:
 
-- You want to create a new play (A play is a React project) or want to edit an existing play as a contributor. Please check the [Create a Play Guide](./CREATE-PLAY.md) for more details. Also, please check the [Contribution Guide](./CONTRIBUTING.md) to get started.
+- You want to create a new play (A play is a React project) or want to edit an existing play as a contributor. Please check the [Create a Play Guide](https://docs.reactplay.io/How-To-Guides/how-to-create-play) for more details. Also, please check the [Contribution Guide](./CONTRIBUTING.md) to get started.
 
 - You want to contribute to the `react-play` repo in general. Please check the [Contribution Guide](./CONTRIBUTING.md) to get started.
 

src/common/footer/ExtendedFooter.jsx

@@ -5,6 +5,7 @@ import { FaDiscord } from 'react-icons/fa';
 import { BsTwitter, BsGithub } from 'react-icons/bs';
 import LogoLight from 'images/img-logo-light.svg';
 import { useSearchContext } from 'common/search/search-context';
+import { CREATE_PLAY_DOC_LINK } from 'constants';
 
 const ExtendedFooter = () => {
  const { showShareModal, setShowShareModal } = useSearchContext();
@@ -109,7 +110,7 @@ const ExtendedFooter = () => {
  <div className="flex flex-wrap gap-1">
  <a
  className="btn-primary mr-2"
- href="https://docs.reactplay.io/How-To-Guides/how-to-create-play"
+ href={CREATE_PLAY_DOC_LINK}
  rel="noopener noreferrer"
  target="_blank"
  >

src/common/header/HeaderNav.jsx

@@ -9,6 +9,7 @@ import SocialShare from 'common/components/SocialShare';
 import { GoX } from 'react-icons/go';
 import { Modal, Box, Typography, Menu } from '@mui/material';
 import { useSearchContext } from 'common/search/search-context';
+import { CREATE_PLAY_DOC_LINK } from 'constants';
 
 const HeaderNav = ({ showBrowse }) => {
  const { showShareModal, setShowShareModal } = useSearchContext();
@@ -100,7 +101,7 @@ const HeaderNav = ({ showBrowse }) => {
  <a
  className="app-header-btn app-header-btn--primary umami--click--create-play"
  data-testid="create-btn"
- href="https://github.com/reactplay/react-play/blob/main/CREATE-PLAY.md"
+ href={CREATE_PLAY_DOC_LINK}
  rel="noopener noreferrer"
  target="_blank"
  >

src/common/playcreated/PlayCreated.jsx

@@ -4,6 +4,7 @@ import { toKebabCase } from 'common/services/string';
 import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import './play-created.scss';
+import { CREATE_PLAY_DOC_LINK } from 'constants';
 
 const PlayCreated = () => {
  const { playid } = useParams();
@@ -94,7 +95,7 @@ const PlayCreated = () => {
  Refer{' '}
  <a
  className="play-create-anchor"
- href="https://github.com/reactplay/react-play/blob/main/CREATE-PLAY.md"
+ href={CREATE_PLAY_DOC_LINK}
  rel="noopener noreferrer"
  target="_blank"
  >

src/common/playideas/PlayIdeas.jsx

@@ -4,6 +4,7 @@ import { IoAddSharp } from 'react-icons/io5';
 import { RiChatNewLine } from 'react-icons/ri';
 import LevelBadge from 'common/components/LevelBadge';
 import './playIdeas.css';
+import { CREATE_PLAY_DOC_LINK } from 'constants';
 
 const PlayIdeas = () => {
  const [ideas, setIdeas] = useState([]);
@@ -144,7 +145,7 @@ const PlayIdeas = () => {
  ) : (
  <a
  className="btn-primary action-btn"
- href="https://github.com/reactplay/react-play/blob/main/CREATE-PLAY.md"
+ href={CREATE_PLAY_DOC_LINK}
  rel="noopener noreferrer"
  target="_blank"
  >

src/constants/index.js

@@ -0,0 +1,2 @@
+export const CREATE_PLAY_DOC_LINK = "https://docs.reactplay.io/How-To-Guides/how-to-create-play";
+

src/plays/navbar/Backgrounds.js

@@ -3,6 +3,7 @@ import ideas from './backgroundImages/bg_ideas.png';
 import join from './backgroundImages/bg_join.png';
 import create from './backgroundImages/bg_create.png';
 import search from './backgroundImages/bg_search.png';
+import { CREATE_PLAY_DOC_LINK } from 'constants';
 const Backgrounds = [
  {
  id: 1,
@@ -39,7 +40,7 @@ const Backgrounds = [
  discription: 'Ready to create a new play? It is super easy, click down below to get started.',
  statement: 'Create Now',
  image: create,
- url: 'https://github.com/reactplay/react-play/blob/main/CREATE-PLAY.md'
+ url: CREATE_PLAY_DOC_LINK
  },
  {
  id: 5,