{"version":3,"file":"js/5764-2e579b8f4c75024a648e.js","mappings":"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","sources":["webpack://app/./app/javascript/packs/EditStory.jsx","webpack://app/./app/javascript/packs/pages/forgot.jsx","webpack://app/./app/javascript/packs/pages/edit.jsx","webpack://app/./app/javascript/packs/pages/change_pw.jsx","webpack://app/./app/javascript/packs/pages/resend.jsx","webpack://app/./app/javascript/packs/app.jsx","webpack://app/./app/javascript/packs/article.jsx","webpack://app/./app/javascript/packs/footer.jsx","webpack://app/./app/javascript/packs/global.js","webpack://app/./app/javascript/packs/shop.jsx","webpack://app/./app/javascript/packs/storyCard.jsx"],"sourcesContent":["import React, { Component, useEffect, useState, useRef } from \"react\";\nimport styled from \"styled-components\";\nimport PropTypes from \"prop-types\";\nimport $ from \"jquery\";\n//import lilDownArrow from '../../../../'\n//import '../components/fix.js'\nimport slugify from \"react-slugify\";\nimport { useLocation, useParams } from \"react-router-dom\";\nimport axios from \"axios\";\nconst StoryPicWrapper = styled.div`\n  position: relative;\n`;\n\nconst StoryPic = styled.img`\n  //border-radius: 50px;\n  border: 1px gray solid;\n  position: relative;\n  width: 70px;\n  height: 70px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n`;\n\nconst LabelForFile = styled.label`\n  text-align: center;\n  display: inline-block;\n  // font-size: 12px;\n  position: absolute;\n  right: -15px;\n  bottom: -13px;\n  z-index: 5;\n  border-radius: 50px;\n  //background-color: orange;\n  padding: 5px;\n  margin: 0 auto;\n\n  //background-color: orange;\n  cursor: pointer;\n\n  &:hover {\n    //background-color: #fce1b3;\n  }\n`;\n\nconst Section = styled.section`\n  //background: rgb(136,189,188);\n  //background: radial-gradient(circle, rgba(136,189,188,1) 0%, rgba(158,190,189,0.9612044646960347) 41%);\n  //background: #F7C562;\n  //height: 100vh;\n  //min-height: 400px;\n  position: relative;\n`;\n\nconst Form = styled.form`\n  display: grid;\n  //grid-template-columns: 90%;\n  grid-gap: 1.5rem;\n  width: 100vw;\n`;\n\nconst FormWrapper = styled.div`\n  display: grid;\n  justify-content: center;\n  padding: 20px;\n`;\n\nconst Input = styled.input`\n  width: 100%;\n`;\n\nconst TextArea = styled.textarea`\n  width: 100%;\n  height: 78vh;\n  overflow: hidden;\n`;\n\nconst OptionWrapper = styled.div``;\n\nconst formData = new FormData();\n\nfunction EditStory(props) {\n  console.log(\"EDIT STORY START +++++++++++++++\");\n  console.log(\"EDIT STORY START +++++++++++++++\", props);\n  //const [artBody, setArtBody] = React.useState(\"\");\n\n  const [state, setState] = React.useState({\n    title: \"\",\n    slugifyMe: \"\",\n    slug: \"\",\n    alt: \"\",\n    description: \"\",\n    keywords: \"\",\n    topic: \"\",\n    //phoneIsFocused: false,\n\n    caption: \"\",\n    body: \"\",\n    //nameIsFocused: false,\n\n    urls: \"\",\n    //emailIsFocused: false,\n    //company: '',\n    //companyIsFocused: false,\n    //zip: '',\n    //zipIsFocused: false,\n    //message: '',\n    //messageIsFocused: false,\n    //error: '',\n    //activeIndex: null\n  });\n\n  //const { storyId } = useParams();\n  const { storyId } = useParams();\n\n  useEffect(() => {\n    axios\n      .post(\n        \"/blog/get_story_info\",\n        {\n          data: {\n            storyID: storyId,\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\"resoooooooooooooooonse = \" + JSON.stringify(response));\n        console.log(\"resoooooooooooooooonse = \" + response.data.story.title);\n\n        setState({\n          title: response.data.story.title,\n          body: response.data.story.body,\n          slugifyMe: response.data.story.slug,\n          keywords: response.data.story.keywords,\n          topic: response.data.story.topic,\n          alt: response.data.story.alt,\n          description: response.data.story.description,\n\n          caption: response.data.story.caption,\n          urls: response.data.story.urls,\n        });\n\n        //setArtBody(response.data.story.body);\n      })\n      .catch((error) => {\n        console.log(\"editStoryErrors\", error);\n      });\n  }, []);\n\n  const Images = () => {\n    return Object.keys(state.urls).map((item) => {\n      console.log(\"map insert pics\", state.urls[item]);\n      return (\n        <div key={item}>\n          <img style={{ width: \"150px\" }} src={state.urls[item]} alt=\"\" />\n          <div\n            style={{\n              width: \"150px\",\n              height: \"25px\",\n              marginBottom: \"15px\",\n              cursor: \"pointer\",\n            }}\n            onClick={() =>\n              sendPicToRailsToDelete(state.urls[item], state.title)\n            }\n          >\n            delete\n          </div>\n        </div>\n      );\n    });\n  };\n\n  const handleAdd = (e) => {\n    e.preventDefault();\n\n    //console.log(\"________________ARTBOADY___________________\", artBody);\n\n    if (validForm()) {\n      formData.append(\"event[title]\", state.title);\n      formData.append(\"event[slug]\", state.slug);\n      formData.append(\"event[keywords]\", state.keywords);\n      formData.append(\"event[description]\", state.description);\n\n      formData.append(\"event[topic]\", state.topic);\n      formData.append(\"event[alt]\", state.alt);\n      formData.append(\"event[body]\", state.body);\n      formData.append(\"event[caption]\", state.caption);\n\n      console.log(\"formdata from handle add in form\");\n      console.log(formData);\n\n      //get token for form submission\n      const csrf = document\n        .querySelector(\"meta[name='csrf-token']\")\n        .getAttribute(\"content\");\n      $.ajax({\n        url: \"/stories/\" + storyId + \"/edit\",\n        headers: {\n          \"X-CSRF-Token\": csrf,\n        },\n        method: \"POST\",\n        data: formData,\n        contentType: false,\n        processData: false,\n\n        success: function (data) {\n          //props.handleAdd(data);\n          setState({\n            //focussed: (props.focussed) || false,\n            title: \"\",\n            slug: \"\",\n            alt: \"\",\n            description: \"\",\n\n            keywords: \"\",\n            topic: \"\",\n            body: \"\",\n            caption: \"\",\n            images: null,\n          });\n          alert(\"Upload worked\");\n        },\n        error: function (xhr, status, error) {\n          alert(\"Message did not reach server: \", error);\n        },\n      });\n    } else {\n      alert(\"Please fill all fields.\");\n    }\n  };\n\n  const validForm = () => {\n    if (state.title && state.keywords && state.topic && state.body) {\n      return true;\n    } else {\n      return true;\n    }\n  };\n\n  const handleChange = (event) => {\n    console.log(\"handle change from form\");\n    console.log(event);\n\n    const v = event.target.value;\n\n    const { id } = props;\n    const value = event.target.value;\n    console.log(\"nameeeeee = \" + event.target.name);\n    console.log(\"valluuee = \" + event.target.value);\n    console.log(\"focus = \" + event.target.tagger);\n\n    if (event.target.name == \"slugifyMe\") {\n      setState({\n        ...state,\n        slug: slugify(v),\n        [event.target.name]: v,\n        error: \"\",\n      });\n    } else {\n      setState({\n        ...state,\n        [event.target.name]: v,\n        error: \"\",\n      });\n      //return onChange(id, value);\n    }\n  };\n\n  const getClass = () => {\n    if (state.focus === true) return \"field focussed\";\n    else return \"field\";\n  };\n\n  const handleImageChange = (event) => {\n    console.log(\n      \"handleImageChange_EVENTTTTTTTTTTTTTTTTTTTTTTTT\",\n      event.target.files\n    );\n\n    let imageArray = [];\n\n    Object.keys(event.target.files).map((item) => {\n      console.log(\"insideHHHH KEY\", event.target.files[item]);\n      imageArray.push(event.target.files[item]);\n    });\n\n    // event.target.files.map((file) => {\n    // \tconsole.log(\"insideMAP\", file);\n    // \timageArray.push(file);\n    // });\n    console.log(\"AFTER_M<AP\");\n    //imageArray.push(event.target.files[0]);\n\n    //console.log(\"full imageArray[0]  is \", imageArray[0]);\n\n    //formData.append(\"event[images]\", event.target.files[0]);\n    //formData.append(\"event[images]\", JSON.stringify(imageArray));\n\n    for (const a of imageArray) {\n      formData.append(\"images[]\", a);\n    }\n    console.log(\"AFTER_for loop\");\n    console.log(...formData);\n\n    // setState({\n    // \t...state,\n    // \timages: URL.createObjectURL(event.target.files[0]),\n    // });\n\n    //     setState({\n    //       ...state,\n    //       images: [...prevState.images, URL.createObjectURL(event.target.files[0])],\n    //     };\n    // \tsetState((prevState) => ({\n    // \t\t...state,\n    // \t\timages: [...prevState.images, URL.createObjectURL(event.target.files[0])],\n    // \t  }));\n  };\n\n  // const InsertPictures = () => {\n  //   //urlArray = JSON.parse(state.urls);\n  //   console.log(\"bringBackArrayCheck\", state.urls);\n\n  //   return Object.keys(state.urls).map((item) => {\n  //     console.log(\"map insert pics\", state.urls[item]);\n  //     <img src={state.urls[item]} />;\n  //   });\n  // };\n\n  const sendPicToRailsToDelete = (picUrl, storyTitle) => {\n    axios\n      .post(\n        \"/blog/delete_pic\",\n        {\n          data: {\n            picUrl: picUrl,\n            storyTitle: storyTitle,\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\n          \"resoooooooooooooooonseFromDeletePic = \" +\n            JSON.stringify(response.data)\n        );\n\n        console.log(\n          \"resoooooooooooooooonseFromDeletePic = \" + JSON.stringify(state)\n        );\n\n        // const na = state.urls.map((x) => {\n        // \tconsole.log(x + \"123123123\");\n        // });\n\n        // nb = state.urls.filter(url => url.includes(picUrl))\n        // console\n\n        // console.log(\"does \", na);\n        console.log(\"OLDURLS\", JSON.stringify(state.urls)); // ['hi' 'bye' 'okay]\n        let newUrls = state.urls.filter(function (url) {\n          return url != picUrl;\n        });\n        console.log(\"NEWURLS\", newUrls); // ['hi' 'bye' 'okay]\n\n        setState({ ...state, urls: newUrls });\n      })\n      .catch((error) => {\n        console.log(\"delete_pic\", error);\n      });\n  };\n\n  const { focussed, value, error, label } = state;\n  const { id, type, locked } = props;\n  //const fieldClassName = `field ${(locked ? focussed : focussed || value) && 'focussed'}`;\n  //const fcn = state.nameIsFocused ? \"xxxfocused\" : \"xxxNotfocused\"\n\n  return (\n    <FormWrapper>\n      {console.log(\"PREEEHiTT\", state)}\n\n      {state.urls != null ? <Images /> : null}\n\n      <Form\n        className=\"form-inline\"\n        onSubmit={handleAdd}\n        enctype=\"multipart/form-data\"\n      >\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={1}\n            className=\"form-control\"\n            name=\"title\"\n            placeholder=\"title of the story....\"\n            value={state.title}\n            onChange={handleChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={2}\n            className=\"form-control\"\n            name=\"slugifyMe\"\n            placeholder=\"slugify me\"\n            value={state.slugifyMe}\n            onChange={handleChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={3}\n            className=\"form-control\"\n            name=\"title\"\n            placeholder=\"slug for story (automatic)\"\n            value={slugify(state.slugifyMe)}\n            //onChange={handleChange}\n            readOnly\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={4}\n            className=\"form-control\"\n            name=\"alt\"\n            placeholder=\"alt text for image\"\n            value={state.alt}\n            onChange={handleChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={5}\n            className=\"form-control\"\n            name=\"keywords\"\n            //focus=\"phoneIsFocused\"\n            placeholder=\"tags keywords etc...\"\n            value={state.keywords}\n            onChange={handleChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={6}\n            className=\"form-control\"\n            name=\"topic\"\n            //focus=\"phoneIsFocused\"\n            placeholder=\"Local or National etc..\"\n            value={state.topic}\n            onChange={handleChange}\n          />\n        </div>\n\n        <StoryPicWrapper>\n          <LabelForFile htmlFor=\"images\">&#128393;</LabelForFile>\n        </StoryPicWrapper>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={7}\n            className=\"form-control\"\n            name=\"caption\"\n            //focus=\"phoneIsFocused\"\n            placeholder=\"photo caption HTML\"\n            value={state.caption}\n            onChange={handleChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            type=\"text\"\n            index={8}\n            className=\"form-control\"\n            name=\"description\"\n            //focus=\"phoneIsFocused\"\n            placeholder=\"Description seo meta tags (JSON-LD)\"\n            value={state.description}\n            onChange={handleChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <Input\n            style={{\n              width: \"111px\",\n              height: \"111px\",\n              opacity: \"0\",\n              overflow: \"hidden\",\n              position: \"absolute\",\n              zIndex: \"-1\",\n            }}\n            id=\"images\"\n            type=\"file\"\n            index={9}\n            accept=\"image/*\"\n            className=\"form-control\"\n            name=\"images\"\n            multiple\n            //focus=\"phoneIsFocused\"\n            //placeholder=\"tags keywords etc...\"\n\n            onChange={handleImageChange}\n          />\n        </div>\n\n        <div className=\"field\">\n          <TextArea\n            type=\"text\"\n            index={10}\n            className=\"form-control\"\n            name=\"body\"\n            placeholder=\"Story HTML...\"\n            value={state.body}\n            //readOnly\n            onChange={handleChange}\n          />\n        </div>\n\n        <button type=\"submit\" className=\"btn btn-primary\">\n          Add\n        </button>\n      </Form>\n    </FormWrapper>\n  );\n}\n\n//const ReCaptcha = styled.div``;\n\nexport default (props) => <EditStory {...props} />;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, Redirect, useLocation } from \"react-router-dom\";\nimport axios from \"axios\";\n//import logoImg from \"../../../assets/images/logoPlaceholder.jpg\";\nimport redX from \"../../../assets/images/redXmark.jpg\";\nimport greenCheck from \"../../../assets/images/greenCheck.png\";\nimport tinyMan from \"../../../assets/images/tinyManLogo.png\";\nimport lock from \"../../../assets/images/lockIcon.png\";\n\nimport {\n  Card,\n  Logo,\n  Form,\n  Input,\n  Button,\n  ErrorMsg,\n  XorCheckIcon,\n  LoginWrapper,\n  InputIcon,\n  LogoWrapper,\n  H2,\n  FormItem,\n  Label,\n  ErrorWrapper,\n} from \"./AuthForm\";\n\n///////////////////////////////////  LOG_IN_PAGE //////////////////////////////\nfunction Login(props) {\n  console.log(\"==============Forget===============\");\n  console.log(\"==============Forget Props===============\", props);\n\n  const location = useLocation();\n\n  const [state, setState] = React.useState({\n    email: \"\",\n    emailFieldActive: false,\n    status: \"\",\n    errors: {},\n  });\n\n  const [onHover, setOnHover] = React.useState(false);\n\n  var linkStyle;\n\n  function toggleHoverEnter() {\n    setOnHover(true);\n  }\n  function toggleHoverLeave() {\n    setOnHover(false);\n  }\n\n  // to activate the input field while typing\n  function activateField(e) {\n    setState({\n      ...state,\n      [e.target.name + \"FieldActive\"]: true,\n    });\n  }\n\n  // to deactivate input only if it's empty\n  function disableField(e) {\n    if (e.target.value === \"\") {\n      setState({\n        ...state,\n        [e.target.name + \"FieldActive\"]: false,\n      });\n    }\n  }\n\n  if (onHover) {\n    linkStyle = {\n      border: \"1px solid #fcacac\",\n      //borderRadius: \"20px\",\n      transition: \"all .4s ease-out\",\n      fontSize: \".9em\",\n      cursor: \"pointer\",\n      position: \"absolute\",\n      top: \"0\",\n      right: \"0\",\n      textDecoration: \"none\",\n      padding: \"6px\",\n    };\n  } else {\n    linkStyle = {\n      border: \"1px solid #f4f4f4\",\n      transition: \"all .4s ease-out\",\n      fontSize: \".9em\",\n      cursor: \"pointer\",\n      position: \"absolute\",\n      top: \"0\",\n      right: \"0\",\n      textDecoration: \"none\",\n      padding: \"6px\",\n    };\n  }\n\n  ///////////////////////////////////  HANDLE_SUBMIT ///////////////////////////\n  function handleSubmit(event) {\n    ////send info into backend heyyohhhh/////\n    event.preventDefault();\n    //const mode = process.env.NODE_ENV ==\"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n    props.set_login_clicked(\"false\");\n    axios\n      .post(\n        \"/registrations/forgot\",\n        {\n          user: {\n            email: state.email,\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\"Forgot PW Response\", response);\n\n        if (response.data.status == \"green\") {\n          setState({\n            ...state,\n            status: response.data.status,\n            errors: response.data.error,\n          });\n\n          //props.history.push(\"/\")\n        } else {\n          setState({\n            ...state,\n            status: response.data.status,\n            errors: response.data.error,\n          });\n        }\n      })\n      .catch((error) => {\n        console.log(\"LoginErrors\", error);\n\n        setState({\n          ...state,\n          status: \"pink\",\n          errors: { auth: [error] },\n        });\n      });\n  }\n\n  ///////////////////////////////////  HANDLE_CHANGE /////////////////////////////\n  function handleChange(event) {\n    const value = event.target.value;\n\n    setState({\n      ...state,\n      [event.target.name]: value,\n    });\n  }\n\n  ///////////////////////////////////  SETUP ERRORMESSAGES //////////////////////\n  let errorMessages = [];\n\n  if (state.errors) {\n    if (state.errors.success) {\n      errorMessages.push(<ErrorMsg> {state.errors.success[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.auth) {\n      errorMessages.push(<ErrorMsg> {state.errors.auth[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.password) {\n      errorMessages.push(\n        <ErrorMsg> {\"Password \" + state.errors.password[0]} </ErrorMsg>\n      );\n    }\n\n    if (state.errors.password_confirmation) {\n      errorMessages.push(\n        <ErrorMsg>\n          {\" \"}\n          {\"Confirmation \" + state.errors.password_confirmation[0]}{\" \"}\n        </ErrorMsg>\n      );\n    }\n\n    if (state.errors.green) {\n      errorMessages.push(<ErrorMsg> {state.errors.green} </ErrorMsg>);\n    }\n  }\n  useEffect(() => {\n    props.set_login_clicked(\"false\");\n  }, [location]);\n\n  /////////////////////////////////// JSX /////////////////////////////////////////\n  return (\n    <LoginWrapper>\n      <Card>\n        <LogoWrapper>\n          <Link\n            style={linkStyle}\n            onMouseEnter={toggleHoverEnter}\n            onMouseLeave={toggleHoverLeave}\n            to=\"/\"\n          >\n            &#10060;\n          </Link>\n          <H2>Reset your password</H2>\n        </LogoWrapper>\n\n        <Form onSubmit={handleSubmit}>\n          <FormItem>\n            <Label className={state.emailFieldActive ? \"field-active\" : \"\"}>\n              email\n            </Label>\n            <InputIcon\n              style={{ backgroundImage: `url(${tinyMan})` }}\n            ></InputIcon>\n            <Input\n              name=\"email\"\n              type=\"email\"\n              value={state.email}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          <Button type=\"submit\">Reset</Button>\n        </Form>\n\n        <ErrorWrapper>\n          <XorCheckIcon\n            status={state.status}\n            src={state.status === \"pink\" ? redX : greenCheck}\n            alt=\"\"\n          />\n          {errorMessages}\n        </ErrorWrapper>\n      </Card>\n\n      {/* <Link\n        style={{ fontSize: \".5em\", textDecoration: \"underline\" }}\n        to=\"/login\"\n      >\n        Already have an account?\n      </Link> */}\n    </LoginWrapper>\n  );\n}\n\nexport default (props) => <Login {...props} />;\n","import React, { useState, useEffect } from \"react\";\nimport { Link } from \"react-router-dom\";\n//import logoImg from \"../../../assets/images/logoPlaceholder.jpg\";\nimport redX from \"../../../assets/images/redXmark.jpg\";\nimport greenCheck from \"../../../assets/images/greenCheck.png\";\n\nimport dummy_avatar from \"../../../assets/images/dummy_avatar.png\";\nimport styled, { ThemeProvider } from \"styled-components\";\nimport {\n  Card,\n  Logo,\n  Form,\n  Input,\n  Button,\n  ErrorMsg,\n  XorCheckIcon,\n  LoginWrapper,\n  InputIcon,\n  LogoWrapper,\n  H2,\n  FormItem,\n  Label,\n  ErrorWrapper,\n} from \"./AuthForm\";\n\nimport axios from \"axios\";\nimport \"../../../assets/stylesheets/edit_styles.scss\";\nimport $ from \"jquery\";\n//var Spinner = require(\"react-spinkit\");\n\nconst EditAccountWrapper = styled.div`\n  /* @media only screen and (max-width: 720px){\n\n    grid-template-columns: minmax(20px, 1fr) 1fr minmax(20px, 1fr);\n    min-width: 100%;\n    //padding-left: 20px;\n    //justify-self: center;\n\n\n  } */\n  position: relative;\n  height: 100%;\n  //background-color: #ffffff;\n  display: grid;\n\n  align-items: center;\n  justify-content: center;\n  //justify-self: start;\n  //grid-template-columns: minmax(170px,350px) minmax(340px,600px);\n  //grid-template-columns: minmax(20px, 1fr) minmax(300px, 350px) minmax(420px,600px) minmax(20px, 1fr);\n\n  grid-template-columns: 40% 60%;\n\n  @media only screen and (max-width: 800px) {\n    grid-template-columns: 1fr;\n    grid-template-rows: min-content min-content;\n  }\n  grid-area: 1/1/-1/-1;\n  grid-column-gap: 0.5em;\n  //padding-top: 60px;\n  padding-bottom: 20px;\n  text-align: center;\n  //width: 100vw;\n`;\n\nconst EditAccount = styled.div`\n  /* @media only screen and (max-width: 720px){\n\n    grid-area: 2/1/3/4;\n    margin: 25px 0px 0px 0px;\n    \n    //width: 100%;\n\n\n  } */\n  position: relative;\n  //grid-area: 1/2/2/3;\n  box-sizing: border-box;\n  max-width: 300px;\n  width: 99vw;\n  //margin-left: 20px;\n  //padding: 0 2rem;\n\n  //margin-top: 100px;\n  //padding: 20px 0px 0px 0px;\n\n  //background-color: #F4F4F4;\n  //background-color: #ffffff;\n  //border: 1px solid transparent;\n\n  //box-shadow: 0 1px 1px rgba(0,0,0,0.05);\n  border-radius: 8px;\n  padding: 30px 0px;\n\n  justify-self: center;\n  align-self: start;\n`;\n\nconst ProfilePicWrapper = styled.div`\n  position: relative;\n`;\n\nconst ProfilePic = styled.img`\n  border-radius: 50px;\n  border: 1px gray solid;\n  position: relative;\n  width: 70px;\n  height: 70px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n`;\n\nconst StyledLink = styled(Link)`\n  // font-size: 0.7rem;\n`;\n\nconst LabelForFile = styled.label`\n  text-align: center;\n  display: inline-block;\n  // font-size: 12px;\n  position: absolute;\n  right: -15px;\n  bottom: -13px;\n  z-index: 5;\n  border-radius: 50px;\n  //background-color: orange;\n  padding: 5px;\n  margin: 0 auto;\n\n  //background-color: orange;\n  cursor: pointer;\n\n  &:hover {\n    //background-color: #fce1b3;\n  }\n`;\n\nconst StatusSpinner = styled.div`\n  max-height: ${(props) =>\n    props.show_status_spinner == \"true\" ? \"100%\" : \"0px\"};\n  opacity: ${(props) => (props.show_status_spinner == \"true\" ? \"1\" : \"0\")};\n  transition: opacity 0.4s;\n  transition-timing-function: ease-out;\n`;\n\nconst ActivityTableWrapper = styled.div`\n  display: grid;\n  grid-template-columns: 1f4;\n  grid-template-rows: 160px 1fr;\n  //grid-area: 1/3/2/4;\n\n  align-self: start;\n  padding: 0 20px;\n  margin-bottom: 50px;\n\n  @media only screen and (max-width: 420px) {\n    padding: 0 2px;\n  }\n`;\n\nconst NoActivity = styled.div`\n  display: ${(props) =>\n    props.activityLoadingSpinnerDefaultTimer == \"off\" &&\n    props.isAllCommunicationsReady == true\n      ? props.allCommunications.length == 0\n        ? \"initial\"\n        : \"none\"\n      : \"none\"};\n  h1 {\n    // font-size: 3rem;\n    margin-bottom: 10px;\n  }\n\n  h3 {\n    cursor: pointer;\n    margin-top: 50px;\n  }\n`;\n\nconst ActivityTableHeader = styled.h2`\n  grid-area: 1/1/2/2;\n  align-self: center;\n  justify-self: center;\n  margin: 0 20px;\n  line-height: 130px;\n  // font-size: 24px;\n  height: 130px;\n`;\n\nconst ActivityTable = styled.table`\n  grid-area: 2/1/3/2;\n  max-width: 700px;\n  border-top: 1px solid gray;\n  border-right: 1px solid gray;\n  border-left: 2px solid gray;\n  border-bottom: 1px solid gray;\n  display: ${(props) =>\n    props.activityLoadingSpinnerDefaultTimer == \"off\" &&\n    props.isAllCommunicationsReady == true\n      ? props.allCommunications.length > 0\n        ? \"table\"\n        : \"none\"\n      : \"none\"};\n\n  /* display: ${(props) =>\n    props.activityLoadingSpinnerDefaultTimer == \"on\" &&\n    parseInt(props.allCommunications.length, 10) >= 0\n      ? \"100%\"\n      : \"0px\"};\n\n  display: none;\n  /* max-height: 555px;\n  overflow-y: scroll;\n  ::-webkit-scrollbar {\n    -webkit-appearance: none;\n    width: 7px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background-color: rgba(0, 0, 0, 0.5);\n    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n  } */\n\n  //background-color: #b5b5b5;\n`;\n\nconst LoadingActivitySpinnerWrapper = styled.div`\n  display: grid;\n  //grid-template-rows: 1fr 1fr;\n  max-height: ${(props) =>\n    props.activityLoadingSpinnerDefaultTimer == \"on\" ||\n    props.isAllCommunicationsReady == false\n      ? \"100%\"\n      : \"0px\"};\n  opacity: ${(props) =>\n    props.activityLoadingSpinnerDefaultTimer == \"on\" ||\n    props.isAllCommunicationsReady == false\n      ? \"1\"\n      : \"0\"};\n`;\n\nconst LoadingActivitySpinner = styled.div`\n  justify-self: center;\n  align-self: center;\n`;\n\n// console.log(\"type of window is \", typeof window);\n// if (typeof window !== \"undefined\") {\n//   const formData = new FormData();\n//   console.log(\"CREATED FORMDATA ++++++++\", formData)\n// }\n\nconst formData = new FormData();\nfunction Edit(props) {\n  console.log(\"==============Edit===============\");\n  console.log(\"==============Edit Props===============\", props);\n\n  const [allCommunications, setAllCommunications] = useState([]);\n  const [isAllCommunicationsReady, setIsAllCommunicationsReady] =\n    useState(false);\n  const [\n    activityLoadingSpinnerDefaultTimer,\n    setActivityLoadingSpinnerDefaultTimer,\n  ] = useState(\"on\");\n\n  const [state, setState] = React.useState({\n    loggedInStatus: \"NOT_LOGGED_IN\",\n    full_name: \"\",\n    full_nameFieldActive: true,\n\n    email: \"\",\n    emailFieldActive: true,\n\n    //oldPassword: '',\n    //oldPasswordFieldActive: false,\n\n    password: \"\",\n    passwordFieldActive: false,\n    opt_in: false,\n    nick: \"\",\n    nickFieldActive: true,\n    status: \"\",\n    avatar: [],\n    errors: {},\n    avatar_url: \"\",\n    nick: \"\",\n    id: \"\",\n    isBtnDisabled: false,\n    showStatusSpinner: \"false\",\n  });\n\n  // to activate the input field while typing\n  function activateField(e) {\n    setState({\n      ...state,\n      [e.target.name + \"FieldActive\"]: true,\n    });\n  }\n\n  // to deactivate input only if it's empty\n  function disableField(e) {\n    if (e.target.value === \"\") {\n      setState({\n        ...state,\n        [e.target.name + \"FieldActive\"]: false,\n      });\n    }\n  }\n\n  function RedirectURL(postgrid_letter_ID) {\n    // window.location = \"http://www.att.com\";\n\n    console.log(\"REDIRECTURL XYZ \", postgrid_letter_ID);\n\n    axios\n      .post(\n        \"/send/getLetterPreview\",\n        {\n          data: {\n            letterID: postgrid_letter_ID,\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\"handleGetLetterRESPONSE\", typeof response);\n        console.log(\"handleGetLetterRESPONSE\", typeof response.data);\n\n        console.log(\"handleGetLetterRESPONSE\", response.data.url);\n\n        /////window.open(response.data.url);\n      })\n      .catch((error) => {\n        console.log(\"Logout? error\", error);\n      });\n  }\n\n  ////////////////////// Handlev Submit V2 //////////////////////////\n  const handleAdd = (e) => {\n    setState({\n      ...state,\n      waitMessage: \"...one moment\",\n      showStatusSpinner: \"true\",\n      isBtnDisabled: true,\n    });\n\n    e.preventDefault();\n\n    formData.append(\"user[full_name]\", state.full_name);\n\n    formData.append(\"user[email]\", state.email);\n    //formData.append('user[oldPassword', state.oldPassword);\n    formData.append(\"user[password]\", state.password);\n\n    formData.append(\"user[nick]\", state.nick);\n    formData.append(\"user[opt_in]\", state.opt_in);\n\n    console.log(\"formdata from handle add\");\n    console.log(formData);\n\n    //get token for form submission\n    const csrf = document\n      .querySelector(\"meta[name='csrf-token']\")\n      .getAttribute(\"content\");\n    //const mode = process.env.NODE_ENV ==\"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n\n    $.ajax({\n      url: \"/registrations/\" + state.id,\n      headers: {\n        \"X-CSRF-Token\": csrf,\n      },\n      method: \"PUT\",\n      data: formData,\n      contentType: false,\n      processData: false,\n\n      success: function (response) {\n        //props.handleAdd(data);\n\n        if (response.status === \"green\") {\n          setState({\n            ...state,\n            //focussed: (props.focussed) || false,\n            //first: \"\",\n            //firstFieldActive: false,\n            //last: \"\",\n            //lastFieldActive: false,\n            //email: \"\",\n            //emailFieldActive: false,\n            //password: \"\",\n            //passwordFieldActive: false,\n            //password_confirmation: \"\",\n            //password_confirmationFieldActive: false,\n            //nick: \"\",\n            status: response.status,\n            //avatarFieldActive: false,\n            //avatar: [],\n            errors: response.error,\n          });\n\n          const timer = setTimeout(() => {\n            setState({\n              ...state,\n              waitMessage: \"\",\n              showStatusSpinner: \"false\",\n              isBtnDisabled: false,\n            });\n          }, 3000);\n          return () => clearTimeout(timer);\n\n          //props.handleSuccessfulAuth(response)\n          //props.history.push(\"/\")\n        } else {\n          //update error state\n          setState({\n            ...state,\n            status: response.status,\n            errors: response.error,\n          });\n        }\n      },\n      error: function (xhr, status, error) {\n        //alert('Message did not reach server: ', error);\n      },\n    });\n  };\n\n  ///////////////////////////////////  HANDLE_CHANGE /////////////////////////////\n  const handleChange = (e) => {\n    const target = e.target;\n    const value = target.type === \"checkbox\" ? target.checked : target.value;\n    const name = target.name;\n\n    console.log(\"TARGET_CHECKED \" + target.checked.toString());\n    console.log(\"TARGET_VALUE \" + target.value.toString());\n    //const value = target.type === 'checkbox' ? !event.target.checked : event.target.value;\n    setState({\n      ...state,\n      [name]: value,\n    });\n  };\n\n  ///////////////////////////////////  HANDLE_IMAGE_CHANGE /////////////////////////////\n  function handleImageChange(e) {\n    //console.log(\"Th_Url\", e.target.files[0]);\n    //console.log(\"Th_New_Url\", URL.createObjectURL(e.target.files[0]));\n\n    formData.append(\"user[avatar]\", e.target.files[0]);\n\n    setState({\n      ...state,\n      avatar: URL.createObjectURL(e.target.files[0]),\n    });\n\n    //if (e.target.files[0]) setState({ ...state, avatar: e.target.files[0] });\n  }\n\n  ///////////////////////////////////  SETUP ERRORMESSAGES //////////////////////\n  let errorMessages = [];\n\n  if (state.errors) {\n    if (state.errors.success) {\n      errorMessages.push(\n        <ErrorMsg key=\"1\"> {state.errors.success[0]} </ErrorMsg>\n      );\n    }\n\n    if (state.errors.auth) {\n      errorMessages.push(<ErrorMsg key=\"2\"> {state.errors.auth[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.password) {\n      errorMessages.push(\n        <ErrorMsg key=\"3\"> {\"Password \" + state.errors.password[0]} </ErrorMsg>\n      );\n    }\n\n    if (state.errors.password_confirmation) {\n      errorMessages.push(\n        <ErrorMsg key=\"4\">\n          {\" \"}\n          {\"Confirmation \" + state.errors.password_confirmation[0]}{\" \"}\n        </ErrorMsg>\n      );\n    }\n\n    if (state.errors.green) {\n      errorMessages.push(<ErrorMsg key=\"5\"> {state.errors.green} </ErrorMsg>);\n    }\n  }\n\n  useEffect(() => {\n    //const mode = process.env.NODE_ENV == \"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n    axios\n      .get(\"/logged_in\", { withCredentials: true })\n      .then((response) => {\n        console.log(\"LOGGED_IN_RESPONSE ----\", response);\n        if (\n          response.data.logged_in &&\n          state.loggedInStatus == \"NOT_LOGGED_IN\"\n        ) {\n          console.log(\"theResults\", response);\n          setState({\n            ...state,\n            loggedInStatus: \"LOGGED_IN\",\n            full_name: response.data.user.full_name,\n\n            email: response.data.user.email,\n            //oldPassword: \"\",\n            password: \"\",\n            password_confirmation: \"\",\n            opt_in: response.data.user.opt_in,\n            errors: {},\n            avatar_url: response.data.user.avatar_url,\n            nick: response.data.user.nick,\n            id: response.data.user.id,\n          });\n        } else if (\n          !response.data.logged_in &&\n          state.loggedInStatus == \"LOGGED_IN\"\n        ) {\n          setState({\n            loggedInStatus: \"NOT_LOGGED_IN\",\n            user: {},\n          });\n        }\n      })\n      .catch((error) => {\n        console.log(\"Logged in? error\", error);\n\n        setState({\n          ...state,\n          status: \"pink\",\n          errors: { auth: [error] },\n        });\n      });\n  }, []);\n\n  useEffect(() => {\n    //const mode = process.env.NODE_ENV == \"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n    axios\n      .get(\"/send/populateCommunications\", { withCredentials: true })\n      .then((response) => {\n        console.log(\"populateLetters\", response);\n\n        // setLetterActivity(response.data.populateLetters);\n        // setEmailActivity(response.data.populateEmails);\n        console.log(\"ABOUT TO DO A SETALLCOMMUNICATIONS\", typeof response.data);\n        console.log(\n          \"whts inside SETALLCOMMUNICATIONS\",\n          response.data.populateCommunications\n        );\n        setAllCommunications(response.data.populateCommunications);\n        setIsAllCommunicationsReady(true);\n\n        setTimeout(() => {\n          setActivityLoadingSpinnerDefaultTimer(\"off\");\n        }, 3000);\n      })\n      .catch((error) => {\n        console.log(\"error in populateLetters function\", error);\n      });\n  }, []);\n\n  // useEffect(() => {\n  //   //const mode = process.env.NODE_ENV == \"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n  //   console.log(\n  //     \"MONITORRRRRRRRRRRRR\",\n  //     allCommunications.length +\n  //       \" , and its class \" +\n  //       typeof allCommunications.length\n  //   );\n  // }, [allCommunications]);\n\n  const handleClick = () => {\n    console.log(\"IN HANDLE CLICK\");\n\n    //props.executeScrollForLookupSection\n\n    var scrollOptions = {\n      left: 0,\n      top: props.LookupScrollToRef.current.offsetTop,\n      behavior: \"smooth\",\n    };\n\n    ////////window.scrollTo(scrollOptions);\n    //window.scrollTo(0, ref.current.offsetTop)\n  };\n\n  /////////////////////////////////// JSX /////////////////////////////////////////\n  return (\n    <EditAccountWrapper>\n      <EditAccount>\n        <LogoWrapper>\n          <ProfilePicWrapper>\n            <ProfilePic\n              src={\n                state.avatar.length != 0\n                  ? state.avatar\n                  : state.avatar_url != \"\" && state.avatar_url != null\n                  ? state.avatar_url\n                  : dummy_avatar\n                //dummy_avatar\n              }\n              alt=\"\"\n            />\n            <LabelForFile htmlFor=\"avatar\">&#128393;</LabelForFile>\n          </ProfilePicWrapper>\n\n          <H2>Edit account</H2>\n        </LogoWrapper>\n\n        <Form onSubmit={handleAdd} enctype=\"multipart/form-data\">\n          <FormItem>\n            <Label className={state.full_nameFieldActive ? \"field-active\" : \"\"}>\n              full name\n            </Label>\n            <Input\n              name=\"full_name\"\n              type=\"text\"\n              value={state.full_name || \"\"}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          <FormItem>\n            <Label className={state.emailFieldActive ? \"field-active\" : \"\"}>\n              email\n            </Label>\n            <Input\n              disabled=\"disabled\"\n              name=\"email\"\n              type=\"email\"\n              value={state.email || \"\"}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          {/* <FormItem>\n            <Label className={state.oldPasswordFieldActive ? \"field-active\" : \"\"}>current password</Label>\n            <Input \n              name=\"oldPassword\" \n              type=\"password\" \n              value={state.oldPassword || ''} \n              onChange={handleChange} \n              onFocus={activateField}\n              onBlur={disableField}\n              required/>\n          </FormItem> */}\n\n          <FormItem>\n            <Label className={state.passwordFieldActive ? \"field-active\" : \"\"}>\n              new password{\" \"}\n            </Label>\n            <Input\n              name=\"password\"\n              type=\"password\"\n              value={state.password}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n            />\n          </FormItem>\n\n          <FormItem>\n            <Label className={state.nickFieldActive ? \"field-active\" : \"\"}>\n              Display name for comments\n            </Label>\n            <Input\n              name=\"nick\"\n              type=\"text\"\n              value={state.nick}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          <input\n            style={{\n              width: \".1px\",\n              height: \".1px\",\n              opacity: \"0\",\n              overflow: \"hidden\",\n              position: \"absolute\",\n              zIndex: \"-1\",\n            }}\n            id=\"avatar\"\n            type=\"file\"\n            name=\"avatar\"\n            accept=\"image/*\"\n            onChange={handleImageChange}\n          />\n\n          <Button type=\"submit\" disabled={state.isBtnDisabled}>\n            Save Changes\n          </Button>\n\n          <div\n            style={{\n              marginTop: \"20px\",\n              display: \"flex\",\n              justifyContent: \"center\",\n            }}\n          >\n            <input\n              name=\"opt_in\"\n              type=\"checkbox\"\n              id=\"opt_in\"\n              checked={state.opt_in}\n              onChange={handleChange}\n            />\n\n            <h3\n              style={{ marginLeft: \"5px\", fontSize: \".6em\", color: \"gray\" }}\n              htmlFor=\"opt_in\"\n            >\n              Opt In to receive e-mails from FloridaBlaze{\" \"}\n            </h3>\n          </div>\n        </Form>\n\n        <ErrorWrapper>\n          <XorCheckIcon\n            status={state.status}\n            src={\n              state.status == \"\"\n                ? \"\"\n                : state.status == \"pink\"\n                ? redX\n                : greenCheck\n            }\n            alt=\"\"\n          />\n          {errorMessages}\n\n          <StatusSpinner show_status_spinner={state.showStatusSpinner}>\n            {/* <Spinner name=\"wave\" color=\"#56c5cc\" /> */}\n          </StatusSpinner>\n        </ErrorWrapper>\n\n        {/* <StyledLink to=\"/login\">Already have an account? Log in</StyledLink> */}\n      </EditAccount>\n\n      <ActivityTableWrapper>\n        <ActivityTableHeader>Recent Activity</ActivityTableHeader>\n\n        <ActivityTable\n          id={\"activity\"}\n          allCommunications={allCommunications}\n          isAllCommunicationsReady={isAllCommunicationsReady}\n          activityLoadingSpinnerDefaultTimer={\n            activityLoadingSpinnerDefaultTimer\n          }\n        >\n          <tbody>\n            <tr>\n              <th></th>\n              <th>date</th>\n              <th className={\"recipients\"}>recipient</th>\n              <th>status</th>\n              <th className={\"totalprice\"}>total</th>\n            </tr>\n            {allCommunications.map((x, i) => {\n              return (\n                <tr\n                  key={x.id}\n                  onClick={\n                    x.com_type == \"letter\"\n                      ? () => RedirectURL(x.postgrid_id)\n                      : null\n                  }\n                >\n                  <td>{x.com_type}</td>\n                  <td>{x.formatted_date}</td>\n                  <td className={\"recipients\"}>{x.recipient}</td>\n                  <td>\n                    {x.com_type == \"letter\"\n                      ? x.status\n                      : x.status == \"Queued. Thank you.\"\n                      ? \"queued\"\n                      : x.status}\n                  </td>\n\n                  <td className={\"totalprice\"}>\n                    {x.com_type == \"letter\"\n                      ? x.paypal_full_object.purchase_units[0].amount.value\n                      : \"free\"}\n                  </td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </ActivityTable>\n\n        <NoActivity\n          allCommunications={allCommunications}\n          isAllCommunicationsReady={isAllCommunicationsReady}\n          activityLoadingSpinnerDefaultTimer={\n            activityLoadingSpinnerDefaultTimer\n          }\n        >\n          <h1>No Activity Yet :(</h1>\n          <h3 onClick={handleClick}>START HERE :)</h3>\n        </NoActivity>\n        <LoadingActivitySpinnerWrapper\n          allCommunications={allCommunications}\n          isAllCommunicationsReady={isAllCommunicationsReady}\n          activityLoadingSpinnerDefaultTimer={\n            activityLoadingSpinnerDefaultTimer\n          }\n        >\n          <LoadingActivitySpinner className=\"lds-spinner\">\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n          </LoadingActivitySpinner>\n        </LoadingActivitySpinnerWrapper>\n      </ActivityTableWrapper>\n    </EditAccountWrapper>\n  );\n}\n\nexport default Edit;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, Redirect, useParams } from \"react-router-dom\";\nimport axios from \"axios\";\n//import logoImg from \"../../../assets/images/logoPlaceholder.jpg\";\nimport redX from \"../../../assets/images/redX.png\";\nimport greenCheck from \"../../../assets/images/greenCheck.png\";\nimport tinyMan from \"../../../assets/images/tinyManLogo.png\";\nimport lock from \"../../../assets/images/lockIcon.png\";\n\nimport {\n  Card,\n  Logo,\n  Form,\n  Input,\n  Button,\n  ErrorMsg,\n  XorCheckIcon,\n  LoginWrapper,\n  InputIcon,\n  LogoWrapper,\n  H2,\n  FormItem,\n  Label,\n  ErrorWrapper,\n} from \"./AuthForm\";\n\n///////////////////////////////////  LOG_IN_PAGE //////////////////////////////\nfunction Login(props) {\n  console.log(\"==============Change_pw===============\");\n  console.log(\"==============Change_pw Props===============\", props);\n  const { token } = useParams();\n  console.log(\"token\", token);\n  const [state, setState] = useState({\n    change_password: \"\",\n    change_passwordFieldActive: false,\n    change_password_confirmation: \"\",\n    change_password_confirmationFieldActive: false,\n    status: \"\",\n    errors: {},\n  });\n\n  // to activate the input field while typing\n  function activateField(e) {\n    setState({\n      ...state,\n      [e.target.name + \"FieldActive\"]: true,\n    });\n  }\n\n  // to deactivate input only if it's empty\n  function disableField(e) {\n    if (e.target.value === \"\") {\n      setState({\n        ...state,\n        [e.target.name + \"FieldActive\"]: false,\n      });\n    }\n  }\n\n  ///////////////////////////////////  HANDLE_SUBMIT ///////////////////////////\n  function handleSubmit(event) {\n    ////send info into backend heyyohhhh/////\n    event.preventDefault();\n    //const mode = process.env.NODE_ENV ==\"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n    console.log(\"state.passwordstate.password, \", state.password);\n    console.log(\n      \"schange_password_confirmation, \",\n      state.change_password_confirmation\n    );\n    setState({\n      ...state,\n      status: \"\",\n      errors: {},\n    });\n\n    axios\n      .post(\n        \"/registrations/\" + token + \"/reset\",\n        {\n          user: {\n            change_password: state.change_password,\n            change_password_confirmation: state.change_password_confirmation,\n            test: \"1234\",\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\"change_PW response\", response);\n\n        if (response.data.status == \"green\") {\n          setState({\n            ...state,\n            status: response.data.status,\n            errors: response.data.error,\n          });\n\n          //props.history.push(\"/\")\n        } else {\n          setState({\n            ...state,\n            status: response.data.status,\n            errors: response.data.error,\n          });\n        }\n      })\n      .catch((error) => {\n        console.log(\"LoginErrors\", error);\n\n        setState({\n          ...state,\n          state: \"pink\",\n          errors: { auth: [error] },\n        });\n      });\n  }\n\n  ///////////////////////////////////  HANDLE_CHANGE /////////////////////////////\n  function handleChange(event) {\n    const value = event.target.value;\n\n    console.log(\"name\", event.target.name);\n    console.log(\"value\", value);\n    setState({\n      ...state,\n      [event.target.name]: value,\n      [event.target.name + \"FieldActive\"]: true,\n    });\n  }\n\n  ///////////////////////////////////  SETUP ERRORMESSAGES //////////////////////\n  let errorMessages = [];\n\n  if (state.errors) {\n    if (state.errors.success) {\n      errorMessages.push(<ErrorMsg> {state.errors.success[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.auth) {\n      errorMessages.push(<ErrorMsg> {state.errors.auth[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.password) {\n      errorMessages.push(\n        <ErrorMsg> {\"Password \" + state.errors.password[0]} </ErrorMsg>\n      );\n    }\n\n    if (state.errors.password_confirmation) {\n      errorMessages.push(\n        <ErrorMsg>\n          {\" \"}\n          {\"Confirmation \" + state.errors.password_confirmation[0]}{\" \"}\n        </ErrorMsg>\n      );\n    }\n\n    if (state.errors.green) {\n      errorMessages.push(<ErrorMsg> {state.errors.green} </ErrorMsg>);\n    }\n  }\n\n  useEffect(() => {\n    console.log(\"useEffect\");\n    setState({\n      ...state,\n      change_password: \"\",\n      change_password_confirmation: \"\",\n    });\n  }, []);\n\n  /////////////////////////////////// JSX /////////////////////////////////////////\n  return (\n    <LoginWrapper>\n      <Card>\n        <LogoWrapper>\n          <Link to=\"/\">{/* <Logo src={logoImg} /> */}</Link>\n\n          <H2>Reset your password</H2>\n        </LogoWrapper>\n\n        <Form onSubmit={handleSubmit}>\n          <FormItem>\n            <Label\n              className={state.change_passwordFieldActive ? \"field-active\" : \"\"}\n            >\n              new password\n            </Label>\n            <Input\n              name=\"change_password\"\n              type=\"password\"\n              autoComplete={\"off\"}\n              value={state.password}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          <FormItem>\n            <Label\n              className={\n                state.change_password_confirmationFieldActive\n                  ? \"field-active\"\n                  : \"\"\n              }\n            >\n              new password confirmation\n            </Label>\n            <Input\n              name=\"change_password_confirmation\"\n              type=\"password\"\n              value={state.password_confirmation}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          <Button type=\"submit\">Make changes</Button>\n        </Form>\n\n        <ErrorWrapper>\n          <XorCheckIcon\n            status={state.status}\n            src={state.status == \"pink\" ? redX : greenCheck}\n            alt=\"\"\n          />\n          {errorMessages}\n        </ErrorWrapper>\n      </Card>\n      {/* <Link style={{ fontSize: \".5em\" }} to=\"/forgot\">\n\t\t\t\tForgot password??{\" \"}\n\t\t\t\t<span style={{ textDecoration: \"underline\" }}>click here</span>\n\t\t\t</Link> */}\n    </LoginWrapper>\n  );\n}\n\nexport default (props) => <Login {...props} />;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, Redirect, useLocation } from \"react-router-dom\";\nimport axios from \"axios\";\n//import logoImg from \"../../../assets/images/logoPlaceholder.jpg\";\nimport redX from \"../../../assets/images/redXmark.jpg\";\nimport greenCheck from \"../../../assets/images/greenCheck.png\";\nimport tinyMan from \"../../../assets/images/tinyManLogo.png\";\nimport lock from \"../../../assets/images/lockIcon.png\";\nimport styled from \"styled-components\";\n\nimport {\n  Card,\n  Logo,\n  Form,\n  Input,\n  Button,\n  ErrorMsg,\n  XorCheckIcon,\n  LoginWrapper,\n  InputIcon,\n  LogoWrapper,\n  H2,\n  FormItem,\n  Label,\n  ErrorWrapper,\n} from \"./AuthForm\";\n\n///////////////////////////////////  LOG_IN_PAGE //////////////////////////////\nfunction Resend(props) {\n  console.log(\"==============Resend===============\");\n  console.log(\"==============Resend Props===============\", props);\n\n  const location = useLocation();\n\n  const [state, setState] = React.useState({\n    email: \"\",\n    emailFieldActive: false,\n    status: \"\",\n    errors: {},\n  });\n\n  const [onHover, setOnHover] = React.useState(false);\n\n  var linkStyle;\n\n  function toggleHoverEnter() {\n    setOnHover(true);\n  }\n  function toggleHoverLeave() {\n    setOnHover(false);\n  }\n  // to activate the input field while typing\n  function activateField(e) {\n    setState({\n      ...state,\n      [e.target.name + \"FieldActive\"]: true,\n    });\n  }\n\n  // to deactivate input only if it's empty\n  function disableField(e) {\n    if (e.target.value === \"\") {\n      setState({\n        ...state,\n        [e.target.name + \"FieldActive\"]: false,\n      });\n    }\n  }\n\n  ///////////////////////////////////  HANDLE_SUBMIT ///////////////////////////\n  function handleSubmit(event) {\n    ////send info into backend heyyohhhh/////\n    event.preventDefault();\n    //const mode = process.env.NODE_ENV ==\"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n    props.set_login_clicked(\"false\");\n    axios\n      .post(\n        \"/registrations/resend\",\n        {\n          user: {\n            email: state.email,\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\"Forgot PW Response\", response);\n\n        if (response.data.status == \"green\") {\n          setState({\n            ...state,\n            status: response.data.status,\n            errors: response.data.error,\n          });\n\n          //props.history.push(\"/\")\n        } else {\n          setState({\n            ...state,\n            status: response.data.status,\n            errors: response.data.error,\n          });\n        }\n      })\n      .catch((error) => {\n        console.log(\"LoginErrors\", error);\n\n        setState({\n          ...state,\n          status: \"pink\",\n          errors: { auth: [error] },\n        });\n      });\n  }\n\n  ///////////////////////////////////  HANDLE_CHANGE /////////////////////////////\n  function handleChange(event) {\n    const value = event.target.value;\n\n    setState({\n      ...state,\n      [event.target.name]: value,\n    });\n  }\n\n  ///////////////////////////////////  SETUP ERRORMESSAGES //////////////////////\n  let errorMessages = [];\n\n  if (state.errors) {\n    if (state.errors.success) {\n      errorMessages.push(<ErrorMsg> {state.errors.success[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.auth) {\n      errorMessages.push(<ErrorMsg> {state.errors.auth[0]} </ErrorMsg>);\n    }\n\n    if (state.errors.password) {\n      errorMessages.push(\n        <ErrorMsg> {\"Password \" + state.errors.password[0]} </ErrorMsg>\n      );\n    }\n\n    if (state.errors.password_confirmation) {\n      errorMessages.push(\n        <ErrorMsg>\n          {\" \"}\n          {\"Confirmation \" + state.errors.password_confirmation[0]}{\" \"}\n        </ErrorMsg>\n      );\n    }\n\n    if (state.errors.green) {\n      errorMessages.push(<ErrorMsg> {state.errors.green} </ErrorMsg>);\n    }\n  }\n\n  if (onHover) {\n    linkStyle = {\n      border: \"1px solid #fcacac\",\n      //borderRadius: \"20px\",\n      transition: \"all .4s ease-out\",\n      fontSize: \".9em\",\n      cursor: \"pointer\",\n      position: \"absolute\",\n      top: \"0\",\n      right: \"0\",\n      textDecoration: \"none\",\n      padding: \"6px\",\n    };\n  } else {\n    linkStyle = {\n      border: \"1px solid #f4f4f4\",\n      transition: \"all .4s ease-out\",\n      fontSize: \".9em\",\n      cursor: \"pointer\",\n      position: \"absolute\",\n      top: \"0\",\n      right: \"0\",\n      textDecoration: \"none\",\n      padding: \"6px\",\n    };\n  }\n\n  useEffect(() => {\n    props.set_login_clicked(\"false\");\n  }, [location]);\n  /////////////////////////////////// JSX /////////////////////////////////////////\n  return (\n    <LoginWrapper>\n      <Card>\n        <LogoWrapper>\n          {/* <CloseWindow href=\"/\">&#10060;</CloseWindow> */}\n          <Link\n            style={linkStyle}\n            onMouseEnter={toggleHoverEnter}\n            onMouseLeave={toggleHoverLeave}\n            to=\"/\"\n          >\n            &#10060;\n          </Link>\n          <H2>Resend Confirmation Email</H2>\n        </LogoWrapper>\n\n        <Form onSubmit={handleSubmit}>\n          <FormItem>\n            <Label className={state.emailFieldActive ? \"field-active\" : \"\"}>\n              email\n            </Label>\n            <InputIcon\n              style={{ backgroundImage: `url(${tinyMan})` }}\n            ></InputIcon>\n            <Input\n              name=\"email\"\n              type=\"email\"\n              value={state.email}\n              onChange={handleChange}\n              onFocus={activateField}\n              onBlur={disableField}\n              required\n            />\n          </FormItem>\n\n          <Button type=\"submit\">Resend</Button>\n        </Form>\n\n        <ErrorWrapper>\n          <XorCheckIcon\n            status={state.status}\n            src={state.status === \"pink\" ? redX : greenCheck}\n            alt=\"\"\n          />\n          {errorMessages}\n        </ErrorWrapper>\n      </Card>\n\n      {/* <Link style={{fontSize: \".5em\", textDecoration: \"underline\"}} to=\"/login\">Already have an account?</Link> */}\n    </LoginWrapper>\n  );\n}\n\nexport default (props) => <Resend {...props} />;\n","import React, { useEffect, useState, useRef, useCallback } from \"react\";\n\nimport { BrowserRouter as Router, Routes, Route } from \"react-router-dom\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport {\n  useQuery,\n  useMutation,\n  useQueryClient,\n  QueryClient,\n  QueryClientProvider,\n} from \"@tanstack/react-query\";\nimport { PayPalScriptProvider, PayPalButtons } from \"@paypal/react-paypal-js\";\nimport axios from \"axios\";\nimport Header from \"./header\";\nimport Home from \"./home\";\nimport Act from \"./act\";\nimport SignupSection from \"./signup\";\nimport Shop from \"./shop\";\nimport Footer from \"./footer\";\nimport styled, { ThemeProvider } from \"styled-components\";\nimport GlobalStyles from \"./global\";\nimport Article from \"./article\";\nimport SideMenu from \"./sidemenu\";\nimport StoryFlipper from \"./storyFlipper\";\nimport Login from \"./pages/login\";\nimport Forgot from \"./pages/forgot\";\n//import Signup from './pages/signup'\nimport Edit from \"./pages/edit\";\nimport Change from \"./pages/change_pw\";\nimport Resend from \"./pages/resend\";\nimport EditStory from \"./EditStory\";\nimport StoryFlipperOriginal from \"./StoryFlipperOriginal\";\n//import \"../packs/app.css\";\nimport { useInView } from \"react-intersection-observer\";\n//import ReactFontLoader from 'react-font-loader'\n\n///////////////////////////////// MAIN APP STARTING POINT ///////////////\nfunction App({ d }) {\n  const current_user = d.current_user;\n  const artData = d.artData;\n\n  const [userState, setUserState] = useState({\n    loggedInStatus: \"NOT_LOGGED_IN\",\n    emailStatus: \"EMAIL_NOT_VERIFIED\",\n    user: {},\n  });\n\n  const queryClient = new QueryClient({\n    defaultOptions: { queries: { staleTime: Infinity } },\n  });\n\n  const [openSideMenu, setOpenSideMenu] = useState(\"false\");\n  const [showOffer, setShowOffer] = useState(\"false\");\n  const [loginClicked, setLoginClicked] = useState(\"false\");\n  //const [allStoriesPlaceholder, setAllStoriesPlaceholder] = useState(d.allStoriesPlaceholder)\n\n  // const [totalNumOfStoriesOnServer, setTotalNumOfStoriesOnServer] = useState(\n  // \td.totalNumOfStoriesOnServer\n  // )\n  const [allStories, setAllStories] = useState(d.stories);\n\n  const allStoriesFromController = d.stories;\n  const page = d.page;\n\n  const theme = {\n    white: \"#ffffff\",\n    offWhite: \"#f4f4f4\",\n    lightBlue: \"#56c5cc\", //(86,197,204)\n    pink: \"#f14f7b\", //(241,79,123)\n    orange: \"#f7aa1c\", //(247,170,28)\n    darkBlue: \"#000321\", //(0,3,33)\n    blueGray: \"#0E2021\",\n    black: \"#181818\", //(0,0,0)\n  };\n\n  console.log(\"==============APP===============\" + JSON.stringify(d));\n\n  // reference for lookupSection to scroll to, when click on nav link\n  const LookupScrollToRef = useRef();\n  const LookupInputRef = useRef();\n\n  const section2ScrollToRef = useRef();\n\n  // when click on nav link, scrolls to LookupScrollToRef\n  const scrollToRef = (ref) => {\n    console.log(\"in scrollToRef \");\n    console.log(ref);\n    console.log(LookupInputRef);\n\n    var scrollOptions = {\n      left: 0,\n      top: ref.current.offsetTop,\n      behavior: \"smooth\",\n    };\n\n    window.scrollTo(scrollOptions);\n    //window.scrollTo(0, ref.current.offsetTop)\n\n    setOpenSideMenu(\"false\");\n\n    setTimeout(function () {\n      LookupInputRef.current.focus();\n    }, 420);\n  };\n\n  const scrollToRef2 = (ref) => {\n    console.log(\"IN SCROLLTOREF2\");\n    console.log(ref);\n\n    var scrollOptions = {\n      left: 0,\n      top: ref.current.offsetTop,\n      behavior: \"smooth\",\n    };\n\n    window.scrollTo(scrollOptions);\n\n    //window.scrollTo(0, ref.current.offsetTop)\n  };\n\n  const handleSuccessfulAuth = (data) => {\n    setUserState({\n      ...userState,\n      loggedInStatus: \"LOGGED_IN\",\n      user: data.user,\n    });\n  };\n\n  const handleLogOutClick = () => {\n    axios\n      .delete(\n        \"/logout\",\n        {\n          data: {\n            user: \"user\",\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(response);\n\n        //Server says logged_in but appState says not logged in\n        //Server says logged_in but appState says not logged in\n\n        setUserState({\n          ...userState,\n          loggedInStatus: \"NOT_LOGGED_IN\",\n          user: {},\n        });\n      })\n      .catch((error) => {\n        console.log(\"Logout? error\", error);\n      });\n  };\n\n  const executeScrollForLookupSection = (e) => {\n    console.log(\"in executeScrollForLookupSection \");\n    console.log(\"Inside executeScrollForLookupSection\");\n    e ? e.preventDefault() : null;\n    scrollToRef(LookupScrollToRef);\n    setOpenSideMenu(\"false\");\n  };\n\n  const executeScrollForSection2 = (e) => {\n    e.preventDefault();\n\n    setOpenSideMenu(\"false\");\n    setLoginClicked(\"false\");\n    scrollToRef2(section2ScrollToRef);\n  };\n\n  const executeScrollForLookupSectionTwo = () => {\n    scrollToRef2(section2ScrollToRef);\n    setOpenSideMenu(\"false\");\n  };\n\n  useEffect(() => {\n    //const mode = process.env.NODE_ENV == \"development\" ? \"http://127.0.0.1:3000\" : \"https://www.floiridablaze.io\"\n\n    console.log(\"==============APP useEffects===============\");\n    if (current_user != null) {\n      console.log(\"currentUser exists, so bypass session logged_in call\");\n\n      setUserState({\n        ...userState,\n        loggedInStatus: \"LOGGED_IN\",\n        user: current_user,\n        emailStatus:\n          current_user.email_confirmed == \"true\"\n            ? \"EMAIL_VERIFIED\"\n            : \"EMAIL_NOT_VERIFIED\",\n      });\n    } else {\n      console.log(\n        \"currentUser did not exist, so run logged_in call from server\"\n      );\n      axios\n        .get(\"/logged_in\", { withCredentials: true })\n        .then((response) => {\n          //Server says logged_in but appState says not logged in\n          //   setAppState({\n          //     ...appState,\n          //     loggedInStatus:\n          //       response.data.logged_in &&\n          //       appState.loggedInStatus == \"NOT_LOGGED_IN\"\n          //         ? \"LOGGED_IN\"\n          //         : \"NOT_LOGGED_IN\",\n          //     user: response.data.user,\n          //     emailStatus:\n          //       response.data.user && response.data.user.email_confirmed == \"true\"\n          //         ? \"EMAIL_VERIFIED\"\n          //         : \"EMAIL_NOT_VERIFIED\",\n          //   });\n          //Server says not logged in but appState says logged_in\n          //}else if (!response.data.logged_in && appState.loggedInStatus == \"LOGGED_IN\"){\n          //    setAppState({\n          //        ...appState,\n          //        loggedInStatus: \"NOT_LOGGED_IN\",\n          //        user: {}\n          //    })\n          //    console.log(\"WTTFFF\", \"BBBBBBB\")\n          //Check if email has been confirmed\n          //if (response.data.user && response.data.user.email_confirmed == true){\n          //    setAppState({\n          //        ...appState,\n          //          emailStatus: \"EMAIL_VERIFIED\"\n          //    })\n          //    console.log(\"WTTFFF\", \"cccccc\")\n          // }\n        })\n        .catch((error) => console.log(\"Logged in? error\", error));\n    }\n  }, []);\n\n  useEffect(() => {\n    //console.log(\"1111111111111111111111111111111111111111111111111===\");\n    if (typeof window != \"undefined\" && window.document) {\n      if (openSideMenu == \"true\") {\n        document.body.style.overflow = \"hidden\";\n      } else {\n        document.body.style.overflow = \"unset\";\n      }\n    }\n  }, [openSideMenu]);\n\n  const initialOptions = {\n    \"client-id\":\n      \"ARoxFsYDjhh3TqvSuq-WCN4jIEIFuyTm_HUPob8uDtr0H8c-A4ko4Tb2X1A9Sl2pwTRERBClsNWrleR6\",\n  };\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <ThemeProvider theme={theme}>\n        <GlobalStyles />\n        {/* <ReactFontLoader url='https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;800&family=PT+Serif&family=Permanent+Marker&display=swap' /> */}\n\n        <Router>\n          <Header\n            userState={userState}\n            handleLogOutClick={handleLogOutClick}\n            set_login_clicked={setLoginClicked}\n            open_side_menu={openSideMenu}\n            set_open_side_menu={setOpenSideMenu}\n            executeScrollForSection2={executeScrollForSection2}\n            executeScrollForLookupSection={executeScrollForLookupSection}\n            handleSuccessfulAuth={handleSuccessfulAuth}\n            login_clicked={loginClicked}\n          />\n\n          <Routes>\n            <Route\n              exact\n              path=\"/\"\n              element={\n                <Home\n                  //handleSuccessfulAuth={handleSuccessfulAuth}\n                  login_clicked={loginClicked}\n                  set_login_clicked={setLoginClicked}\n                  allStoriesFromController={allStoriesFromController}\n                  allStories={allStories}\n                  setAllStories={setAllStories}\n                  //allStoriesPlaceholder={allStoriesPlaceholder}\n                  //totalNumOfStoriesOnServer={totalNumOfStoriesOnServer}\n                  show_offer={showOffer}\n                  goToActNow=\"false\"\n                  executeScrollForLookupSection={executeScrollForLookupSection}\n                  //stories={d.stories}\n                  // lastStory={lastStory}\n                  // secondToLastStory={secondToLastStory}\n                  // thirdToLastStory={thirdToLastStory}\n                  // fourthToLastStory={fourthToLastStory}\n                  // setLastStory={setLastStory}\n                  // setSecondToLastStory={setSecondToLastStory}\n                  // setThirdToLastStory={setThirdToLastStory}\n                  // setFourthToLastStory={setFourthToLastStory}\n                  page={page}\n                />\n              }\n            />\n            <Route\n              path=\"/forgot\"\n              element={\n                <Forgot\n                  login_clicked={loginClicked}\n                  set_login_clicked={setLoginClicked}\n                />\n              }\n            />\n            <Route\n              path=\"/resend\"\n              element={\n                <Resend\n                  login_clicked={loginClicked}\n                  set_login_clicked={setLoginClicked}\n                />\n              }\n            />\n            <Route\n              exact\n              path=\"/change_pw/:token\"\n              element={\n                <Change\n                  login_clicked={loginClicked}\n                  set_login_clicked={setLoginClicked}\n                />\n              }\n            />\n\n            <Route\n              exact\n              path=\"/edit\"\n              element={\n                <Edit\n                  user={userState.user}\n                  executeScrollForLookupSection={executeScrollForLookupSection}\n                  LookupScrollToRef={LookupScrollToRef}\n                />\n              }\n            />\n            <Route path=\"/story_editor/:storyId\" element={<EditStory />} />\n            <Route\n              exact\n              path=\"/blog/:id\"\n              element={\n                <Article\n                  tester=\"testing123\"\n                  userState={userState}\n                  artData={artData}\n                />\n              }\n            />\n            <Route\n              exact\n              path=\"actnow\"\n              element={\n                <Home\n                  //handleSuccessfulAuth={handleSuccessfulAuth}\n                  login_clicked={loginClicked}\n                  set_login_clicked={setLoginClicked}\n                  allStoriesFromController={allStoriesFromController}\n                  allStories={allStories}\n                  setAllStories={setAllStories}\n                  //allStoriesPlaceholder={allStoriesPlaceholder}\n                  //totalNumOfStoriesOnServer={totalNumOfStoriesOnServer}\n                  show_offer={showOffer}\n                  goToActNow=\"true\"\n                  executeScrollForLookupSection={executeScrollForLookupSection}\n                  //stories={d.stories}\n                  // lastStory={lastStory}\n                  // secondToLastStory={secondToLastStory}\n                  // thirdToLastStory={thirdToLastStory}\n                  // fourthToLastStory={fourthToLastStory}\n                  // setLastStory={setLastStory}\n                  // setSecondToLastStory={setSecondToLastStory}\n                  // setThirdToLastStory={setThirdToLastStory}\n                  // setFourthToLastStory={setFourthToLastStory}\n                  page={page}\n                />\n              }\n            />\n          </Routes>\n          <PayPalScriptProvider options={initialOptions}>\n            <Act\n              ref={{\n                LookupScrollToRef: LookupScrollToRef,\n                LookupInputRef: LookupInputRef,\n              }}\n              executeScrollForSection2={executeScrollForSection2}\n              userState={userState}\n              set_login_clicked={setLoginClicked}\n              set_open_side_menu={setOpenSideMenu}\n              executeScrollForLookupSection={executeScrollForLookupSection}\n              executeScrollForLookupSectionTwo={\n                executeScrollForLookupSectionTwo\n              }\n              show_offer={showOffer}\n              set_show_offer={setShowOffer}\n            />\n          </PayPalScriptProvider>\n          <SignupSection\n            ref={{ section2ScrollToRef: section2ScrollToRef }}\n            handleSuccessfulAuth={handleSuccessfulAuth}\n            show_offer={showOffer}\n          />\n\n          {/* <Footer intersectionObserverRef={intersectionObserverRef} /> */}\n          <Footer show_offer={showOffer} />\n\n          {/* <StoryFlipper\n          //inView={inView}\n          allStories={allStories}\n          setAllStories={setAllStories}\n          show_offer={showOffer}\n        /> */}\n\n          {/* <LookupSection appState={appState} ref={{LookupScrollToRef: LookupScrollToRef, LookupInputRef: LookupInputRef}}/>\n                <Section2 ref={{section2ScrollToRef: section2ScrollToRef}} stories={appState.stories} appState={appState} setAppState={setAppState} handleSuccessfulAuth={handleSuccessfulAuth} />\n               <Footer/> */}\n        </Router>\n      </ThemeProvider>\n      <ReactQueryDevtools initialIsOpen={true} />\n    </QueryClientProvider>\n  );\n}\n\n// export default props => <App {...props} />;\nexport default App;\n","import React, { useEffect, useState, useRef, usePrevious } from \"react\"\nimport styled from \"styled-components\"\nimport axios from \"axios\"\nimport { useLocation, useMatch, useParams } from \"react-router-dom\"\nimport { useQuery } from \"@tanstack/react-query\"\n//import { useLocation } from \"react-router-dom\";\n\n// import TimeAgo from 'javascript-time-ago'\n// TimeAgo.addDefaultLocale(en)\nimport ReactTimeAgo from \"react-time-ago\"\n//import en from \"javascript-time-ago/locale/en\";\nimport CommentForm from \"./commentForm\"\n//import CommentReplyForm from './commentReplyForm'  const query = useQuery({ queryKey:\nimport CommentReplyForm from \"./commentReplyForm\"\nimport defaultAvatar from \"../../assets/images/man3.png\"\n\n//import './article.styled.scss'\n\n//import '../../assets/stylesheets/article_styled.scss'\n\nimport Comments from \"./comments.jsx\"\n\n//import LookupSection from './lookupSection.jsx'\n\nimport {\n\tFacebookShareButton,\n\tFacebookIcon,\n\tTwitterShareButton,\n\tTwitterIcon,\n\tWhatsappShareButton,\n\tWhatsappIcon,\n} from \"react-share\"\nimport { Helmet } from \"react-helmet\"\nimport { BrowserRouter as Router, Switch, Route, Link } from \"react-router-dom\"\n\nconst ArticleSection = styled.div`\n\t/* display: grid;\n    \n    grid-template-columns: minmax(200px, 700px);\n   \n    justify-content: center;\n    justify-items: center;\n    margin: 50px auto 0px auto; */\n\n\tdisplay: grid;\n\tgrid-template-columns: minmax(555px, 730px) 300px;\n\tjustify-content: center;\n\t//margin: 20px 14px 0px 14px;\n\tgrid-column-gap: 28px;\n\tmargin: 0 15px;\n\t@media only screen and (max-width: 900px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n`\n\nconst NewsWrapper = styled.div`\n\tdisplay: grid;\n\tgrid-template-columns: 100%;\n\tjustify-content: center;\n\tposition: relative;\n\tgrid-area: 2/1/3/2;\n\tmax-width: 770px;\n\n\tgrid-template-areas:\n\t\t\"info\"\n\t\t\"image\"\n\t\t\"body\"\n\t\t\"comments\";\n`\n\nconst StoryTitleWrapper = styled.div`\n\tgrid-area: 1/1/2/2;\n\t//margin: 16px;\n\tpadding-bottom: 15px;\n\tjustify-self: start;\n`\n\nconst StoryTitle = styled.h1`\n\tcolor: #303030;\n\n\t// font-size: 50px;\n\tfont-weight: 700;\n\tline-height: 1.1em;\n\t//letter-spacing: -2px;\n\n\tcolor: #111111;\n\n\t/* @media only screen and (max-width: 800px){\n\n        // font-size: 50px;\n\n\n    }\n\n    */\n\t@media only screen and (max-width: 300px) {\n\t\tfont-size: 1rem;\n\t}\n`\n\nconst InfoBar = styled.div`\n\tdisplay: grid;\n\toverflow: hidden;\n\tgrid-area: 4/1/5/2;\n\t/* grid-template-columns: minmax(0px, min-content) 1fr minmax(0px, min-content);\n\tgrid-auto-rows: 1fr minmax(0px, min-content); */\n\n\tgrid-template-columns: 1fr min-content;\n\tgrid-template-areas: \"flexbox    social \";\n\n\tmargin-top: 25px;\n\talign-content: center;\n\t//padding: 0px 20px;\n\n\t@media only screen and (max-width: 420px) {\n\t\tgrid-template-columns: minmax(100px, 1fr);\n\t\tgrid-auto-rows: 1fr 1fr;\n\t\tmargin-top: 0px;\n\t\tgrid-template-areas:\n\t\t\t\"social social \"\n\t\t\t\"flexbox flexbox \";\n\t}\n`\n\nconst FlexBar = styled.div`\n\tdisplay: grid;\n\tgrid-area: flexbox;\n\talign-items: center;\n\n\tgrid-template-columns: 40px max-content min-content 1fr;\n\n\t@media only screen and (max-width: 420px) {\n\t\tjustify-content: start;\n\t\tmargin-top: 8px;\n\t}\n\t@media only screen and (max-width: 265px) {\n\t\tgrid-template-columns: 40px max-content 1fr;\n\t\tgrid-template-rows: 1fr 1fr;\n\t}\n`\n\nconst ArticleDate = styled.h4`\n\tfont-family: serif;\n\tcolor: #777777;\n\tfont-size: 0.7rem;\n\tline-height: normal;\n\tmargin-right: 8px;\n\n\t@media only screen and (max-width: 265px) {\n\t\tgrid-area: 2/2/3/-1;\n\t\tmargin-left: 10px;\n\t}\n`\n\nconst ArticleSpacer = styled.div`\n\tmargin: 0px 3px;\n\n\t@media only screen and (max-width: 265px) {\n\t\tdisplay: none;\n\t}\n`\n\nconst StoryImageWrapper = styled.div`\n\twidth: 100%;\n\theight: 0px;\n\t//min-height: 90px;\n\t//max-height: 300px;\n\n\tpadding-top: 60%;\n\tposition: relative;\n\n\tgrid-area: 2/1/3/2;\n`\n\nconst StoryImage = styled.img`\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n`\n\nconst Caption = styled.div`\n\t// font-size: 13px;\n\tline-height: 1.7;\n\tfont-style: italic;\n\tcolor: #999999;\n\tpadding: 5px 0 0 0;\n\t//margin: 0 20px;\n\tborder-bottom: 1px solid #c0c0c0;\n\tgrid-area: 3/1/4/2;\n`\nconst StoryShareButtons = styled.div`\n\tdisplay: flex;\n\tjustify-content: end;\n\tgrid-area: social;\n\talign-self: center;\n\n\t@media only screen and (max-width: 420px) {\n\t\t//justify-self: center;\n\t}\n\n\tbutton {\n\t\twidth: 25px;\n\t\theight: 25px;\n\t\tmargin-bottom: 3px;\n\t}\n`\n\nconst PWrapper = styled.div`\n\t//// font-size: .9rem;\n\t//line-height: 1.9em;\n\tgrid-area: 5/1/6/2;\n\t//text-indent: 45px;\n\tmargin-top: 20px;\n\t//padding: 0px 20px;\n\ta {\n\t\toverflow-wrap: break-word;\n\t\tword-wrap: break-word;\n\n\t\t-ms-word-break: break-all;\n\t\t/* This is the dangerous one in WebKit, as it breaks things wherever */\n\t\tword-break: break-all;\n\t\t/* Instead use this non-standard one: */\n\t\tword-break: break-word;\n\n\t\t/* Adds a hyphen where the word breaks, if supported (No Blink) */\n\t\t-ms-hyphens: auto;\n\t\t-moz-hyphens: auto;\n\t\t-webkit-hyphens: auto;\n\t\thyphens: auto;\n\t\tfont-size: 12px;\n\t}\n\n\t.theReferences {\n\t\ta {\n\t\t\toverflow-wrap: break-word;\n\t\t\tword-wrap: break-word;\n\n\t\t\t-ms-word-break: break-all;\n\t\t\t/* This is the dangerous one in WebKit, as it breaks things wherever */\n\t\t\tword-break: break-all;\n\t\t\t/* Instead use this non-standard one: */\n\t\t\tword-break: break-word;\n\n\t\t\t/* Adds a hyphen where the word breaks, if supported (No Blink) */\n\t\t\t-ms-hyphens: auto;\n\t\t\t-moz-hyphens: auto;\n\t\t\t-webkit-hyphens: auto;\n\t\t\thyphens: auto;\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\n\tul {\n\t\tpadding: 0 0 44px 15px;\n\t}\n\tol {\n\t\tpadding: 0 0 44px 15px;\n\t}\n\n\th1 {\n\t\tmargin: 20px 0;\n\t}\n\n\th2 {\n\t\tmargin-bottom: 25px;\n\t}\n\n\tp {\n\t\tmargin: 20px 0 40px 0;\n\t}\n\n\t/* @media only screen and (max-width: 450px) {\n    h2 {\n      font-size: 1rem;\n    }\n    p {\n      font-size: 0.7rem;\n    }\n  } */\n`\n\nconst Loading = styled.div`\n\twidth: 100vw;\n\theight: 100vh;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\n\th1 {\n\t\tmargin: 0 auto;\n\t\tline-height: 100vh;\n\t\tvertical-align: middle;\n\t}\n`\n\n// const Comments = styled.div`\n\n//     grid-area: 6/1/7/2;\n\n// `;\n\nconst BorderDiv = styled.div`\n\tposition: absolute;\n\tborder-left: 1px solid gray;\n\n\theight: calc(100% - 34px);\n\twidth: 100%;\n\n\tmargin-left: 12px;\n\n\tbottom: 0px;\n\tpointer-events: none;\n`\n\nconst CommentReply = styled.div``\n\nconst CommentBody = styled.p`\n\toverflow-wrap: break-word;\n\tword-wrap: break-word;\n\n\t-ms-word-break: break-all;\n\n\tword-break: break-word;\n\tpadding-left: 35px;\n`\n\nconst AuthorAvartar = styled.img`\n\twidth: 40px;\n\theight: 40px;\n\talign-self: end;\n\t//grid-area: image;\n\tborder: 1px solid gray;\n\tborder-radius: 50%;\n\tmargin-right: 8px;\n`\n\nconst Reply = styled.div`\n\t//grid-area: reply;\n\tcolor: rgba(7, 7, 7, 0.65);\n\tcursor: pointer;\n\tpadding: 8px 8px 8px 0px;\n\t// font-size: 14px;\n\n\t&:hover {\n\t\tcolor: black;\n\t}\n`\n\nconst TopBarWrapper = styled.div`\n\tdisplay: flex;\n\tposition: relative;\n\tz-index: -1;\n`\n\nconst BottomBarWrapper = styled.div`\n\tgrid-area: bottomBar;\n\tdisplay: flex;\n\tflex-direction: row;\n\tpadding-left: 35px;\n`\n\nconst VoteUp = styled.div`\n\tcursor: pointer;\n\tpadding: 8px;\n\n\t&:hover {\n\t\tbackground-color: #e5f4fb;\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 15px;\n\t\tmargin-right: 4px;\n\t}\n\n\tspan {\n\t\t// font-size: 13px;\n\t}\n`\n\nconst VoteDown = styled.div`\n\tcursor: pointer;\n\tpadding: 8px;\n\n\t&:hover {\n\t\tbackground-color: #e5f4fb;\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 15px;\n\t\tmargin-right: 4px;\n\t}\n\n\tspan {\n\t\t// font-size: 13px;\n\t}\n`\n\nconst SideAds = styled.div`\n\tborder: 10px solid white;\n\tbackground-color: pink;\n\topacity: 0.45;\n\n\tgrid-area: 1/2/7/3;\n\n\twidth: 100%;\n\theight: 100%;\n\n\t@media only screen and (max-width: 900px) {\n\t\tdisplay: none;\n\t}\n`\n\nfunction Article({ userState }) {\n\tconst params = useParams()\n\n\tconst { data: storyFromRails, isLoading } = useQuery({\n\t\tqueryFn: () => axios.get(`${params.id}/get_story_info_v2`).then((res) => res.data.story),\n\t\tqueryKey: [\"story\"],\n\t})\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<Loading>\n\t\t\t\t{\" \"}\n\t\t\t\t<h1>Loading......</h1>{\" \"}\n\t\t\t</Loading>\n\t\t)\n\t}\n\n\tconst articleStructuredData = {\n\t\t\"@context\": \"https://schema.org\",\n\t\t\"@type\": \"NewsArticle\",\n\t\tmainEntityOfPage: {\n\t\t\t\"@type\": \"WebPage\",\n\t\t\t\"@id\": `${storyFromRails.slug}`,\n\t\t},\n\t\tdescription: `${storyFromRails.description}`,\n\t\timage: [`${storyFromRails.urls[0]}`],\n\t\tinLanguage: \"en-US\",\n\n\t\tdateCreated: `${storyFromRails.created_at}`,\n\t\tdateModified: `${storyFromRails.updated_at}`,\n\t\tauthor: {\n\t\t\t\"@type\": \"Person\",\n\t\t\tname: \"FloridaBlaze Staff\",\n\t\t},\n\t\tpublisher: {\n\t\t\t\"@type\": \"NewsMediaOrganization\",\n\t\t\tname: \"FloridaBlaze\",\n\t\t\tlogo: {\n\t\t\t\t\"@type\": \"ImageObject\",\n\t\t\t\turl: \"https://weedblogimages.s3.amazonaws.com/company_logo.png\",\n\t\t\t\theight: 35,\n\t\t\t\twidth: 285,\n\t\t\t},\n\t\t},\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<script\n\t\t\t\ttype=\"application/ld+json\"\n\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t__html: JSON.stringify(articleStructuredData),\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t\t{Object.keys(userState.user).length > 0 && userState.user.isAdmin == true ? (\n\t\t\t\t<Link key={\"b\"} to={\"/story_editor/\" + storyFromRails.id} state={{ art: storyFromRails }}>\n\t\t\t\t\tedit STORY\n\t\t\t\t</Link>\n\t\t\t) : null}\n\n\t\t\t<Helmet>\n\t\t\t\t<title>{storyFromRails.title}</title>\n\t\t\t\t<link rel=\"canonical\" href={`https://floridablaze.io/blog/${storyFromRails.slug}`}></link>\n\t\t\t\t<meta property=\"og:title\" content={storyFromRails.title} />\n\t\t\t\t<meta property=\"og:description\" content={storyFromRails.description} />\n\t\t\t\t<meta property=\"og:image\" content={storyFromRails.urls[0]} />\n\t\t\t\t<meta\n\t\t\t\t\tproperty=\"og:url\"\n\t\t\t\t\tcontent={`https://floridaBlaze.io/blog/${storyFromRails.urls[0]}`}\n\t\t\t\t/>\n\t\t\t\t<meta property=\"og:site_name\" content=\"FloridaBlaze\" />\n\t\t\t\t<meta property=\"og:type\" content=\"article\" />\n\t\t\t</Helmet>\n\n\t\t\t<ArticleSection>\n\t\t\t\t<StoryTitleWrapper>\n\t\t\t\t\t<StoryTitle>{storyFromRails.title}</StoryTitle>\n\t\t\t\t</StoryTitleWrapper>\n\n\t\t\t\t<Caption dangerouslySetInnerHTML={{ __html: storyFromRails.caption }}></Caption>\n\n\t\t\t\t<InfoBar>\n\t\t\t\t\t<FlexBar>\n\t\t\t\t\t\t<AuthorAvartar src={storyFromRails.author_avatar} alt=\"\" />\n\n\t\t\t\t\t\t<h4\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontSize: \".7rem\",\n\t\t\t\t\t\t\t\tlineHeight: \"normal\",\n\t\t\t\t\t\t\t\tmarginLeft: \"10px\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tby FloridaBlaze\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<ArticleSpacer>|</ArticleSpacer>\n\t\t\t\t\t\t<ArticleDate>{storyFromRails.date}</ArticleDate>\n\t\t\t\t\t</FlexBar>\n\n\t\t\t\t\t<StoryShareButtons>\n\t\t\t\t\t\t<FacebookShareButton\n\t\t\t\t\t\t\tchildren={<FacebookIcon size={20} round={false} borderRadius={90} />}\n\t\t\t\t\t\t\turl={`https://floridablaze.io/blog/${storyFromRails.slug}`}\n\t\t\t\t\t\t\tstyle={{ marginRight: \"3px\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TwitterShareButton\n\t\t\t\t\t\t\tchildren={<TwitterIcon size={20} round={false} borderRadius={90} />}\n\t\t\t\t\t\t\turl={`https://floridablaze.io/blog/${storyFromRails.slug}`}\n\t\t\t\t\t\t\tstyle={{ marginRight: \"3px\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<WhatsappShareButton\n\t\t\t\t\t\t\tchildren={<WhatsappIcon size={20} round={false} borderRadius={90} />}\n\t\t\t\t\t\t\turl={`https://floridablaze.io/blog/${storyFromRails.slug}`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</StoryShareButtons>\n\t\t\t\t</InfoBar>\n\n\t\t\t\t<StoryImageWrapper>\n\t\t\t\t\t<StoryImage src={storyFromRails.urls[0]} alt={storyFromRails.alt} />\n\t\t\t\t</StoryImageWrapper>\n\n\t\t\t\t<PWrapper dangerouslySetInnerHTML={{ __html: storyFromRails.body }}></PWrapper>\n\n\t\t\t\t<Comments userState={userState} artData={storyFromRails} slug={storyFromRails.slug} />\n\t\t\t\t{/* \n        <SideAds /> */}\n\t\t\t</ArticleSection>\n\t\t</>\n\t)\n}\n\nexport default Article\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport styled from \"styled-components\";\n\nimport axios from \"axios\";\n\nimport footerImage from \"../../assets/images/footerImageFinal.png\";\n\nconst FooterWrapper = styled.div`\n  /* grid-template-columns:\n\t\tminmax(20px, 100px) minmax(133px, 1fr) minmax(133px, 1fr)\n\t\tminmax(20px, 100px); */\n\n  //grid-template-columns: 1fr 1.5fr 1fr 1.5fr 1fr;\n  grid-template-columns: 8% 1fr 1fr 2fr 8%;\n  grid-template-rows: 125px min-content min-content;\n  grid-template-areas:\n    \".    .     .       .      .\"\n    \". colOne colTwo colThree .\"\n    \" . . . legal legal\";\n  //grid-template-rows: minmax(160px, 40%) 1fr;\n  //grid-template-rows: initial;\n  //grid-template-rows: 0px 1fr;\n  height: auto;\n  width: 100%;\n  /* background: pink;\n    background-image: url(${footerImage});\n    \n    background-position: contain;\n    background-repeat: no-repeat;\n    \n    min-height: 200px; */\n  //background-color: RGB(244, 244, 244);\n  background-color: #ffffff;\n\n  overflow: hidden;\n\n  display: ${(props) => (props.show_offer == \"true\" ? \"none\" : \"grid\")};\n  //grid-template-columns: 1fr;\n  position: relative;\n\n  //grid-template-columns: 2% 1fr 1fr 2fr 2%;\n  //grid-template-rows: 100px min-content min-content;\n  /* grid-template-areas:\n        \"spacer\"\n        \"footerLeaf\"; */\n  //height: 350px;\n\n  //z-index: 4;\n  z-index: 1;\n\n  @media only screen and (max-width: 985px) {\n    grid-template-columns: 15% 1fr 1fr 8%;\n    grid-template-rows: 125px min-content min-content;\n    grid-template-areas:\n      \".    .     .       . \"\n      \". colOne colTwo  .\"\n      \" . colThree colThree .\"\n      \" . legal legal . \";\n  }\n\n  @media only screen and (max-width: 300px) {\n    grid-template-columns: 0.7fr 2fr 2fr 0.7fr;\n  }\n`;\n\nconst FooterImage = styled.img`\n  //@media only screen and (max-width: 985px) {\n  grid-area: 1/1/3/-1;\n  // }\n\n  //grid-area: footerLeaf;\n  //grid-area: 1/1/-1/-1;\n  height: 100%;\n  width: 100%;\n  //min-width: 500px;\n  align-self: end;\n\n  z-index: 3;\n\n  @media only screen and (max-width: 985px) {\n    z-index: 1;\n  }\n`;\n\nconst SubscribeSection = styled.div`\n  //@media only screen and (max-width: 985px) {\n  //grid-area: 2/2/3/-1;\n  grid-area: colThree;\n  justify-self: start;\n  align-self: start;\n  //}\n\n  //margin: 25px 0px 40px 0px;\n  z-index: 3;\n  background: black;\n  //grid-area: 2/4/3/5;\n  //justify-self: end;\n  //align-self: start;\n  //margin: 40px 0 20px 0;\n\n  @media only screen and (max-width: 985px) {\n    margin-top: 60px;\n  }\n\n  h2 {\n    margin: 0px 0px 40px 0px;\n\n    @media only screen and (max-width: 300px) {\n      font-size: 1rem;\n    }\n\n    span {\n      color: white;\n      // font-size: 12px;\n\n      letter-spacing: normal;\n      line-height: 19px;\n      line-height: 22px;\n      font-style: normal;\n      font-weight: 400;\n\n      svg {\n        margin: 0px 8px 0px 0px;\n      }\n    }\n  }\n\n  input {\n    display: ${(props) =>\n      props.signupcomplete == \"true\" ? \"none\" : \"initial\"};\n    background: 0 0;\n\n    border: 1px solid #deb15c;\n\n    margin-bottom: 15px;\n    padding: 10px;\n    // font-size: 1.2rem;\n    color: #e4e4e4;\n    width: 100%;\n    height: 60px;\n    center ::placeholder {\n      /* Chrome, Firefox, Opera, Safari 10.1+ */\n      color: #e3e3e3;\n      opacity: 1; /* Firefox */\n    }\n\n    :-ms-input-placeholder {\n      /* Internet Explorer 10-11 */\n      color: #7f7f7f;\n    }\n\n    ::-ms-input-placeholder {\n      /* Microsoft Edge */\n      color: #7f7f7f;\n    }\n\n    @media only screen and (max-width: 985px) {\n      //width: 80vw;\n      //height: 85px;\n      //// font-size: 2.2rem;\n    }\n  }\n\n  button {\n    font-style: normal;\n    font-weight: 400;\n    //min-width: 200px;\n    background-color: #deb15c;\n    color: #000000;\n    letter-spacing: 0;\n    line-height: 26px;\n    text-decoration: none;\n    -webkit-transition: all 0.2s;\n    transition: all 0.2s;\n    overflow: visible;\n    text-align: center;\n    text-transform: capitalize;\n    white-space: nowrap;\n    padding: 12px 45px;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    border-radius: 0;\n    border: 0;\n\n    @media only screen and (max-width: 300px) {\n      padding: 12px 0px;\n      width: 100%;\n    }\n  }\n`;\n\nconst Follow = styled.div`\n  //@media only screen and (max-width: 985px) {\n  //grid-area: 1/4/2/5;\n  grid-area: colTwo;\n\n  //padding-top: 170px;\n  //}\n\n  //grid-area: 2/3/3/4;\n  color: white;\n  justify-self: start;\n  align-self: start;\n  margin-bottom: 20px;\n  z-index: 3;\n\n  h1 {\n    // font-size: 2rem;\n    margin-bottom: 15px;\n\n    @media only screen and (max-width: 300px) {\n      font-size: 0.9rem;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    li {\n      margin-bottom: 5px;\n    }\n    a {\n      // font-size: 1rem;\n\n      letter-spacing: normal;\n      line-height: 19px;\n      line-height: 22px;\n      font-style: normal;\n      font-weight: 400;\n      color: white;\n\n      @media only screen and (max-width: 300px) {\n        font-size: 0.7rem;\n      }\n    }\n  }\n`;\n\nconst Explore = styled.div`\n  //@media only screen and (max-width: 985px) {\n  //grid-area: 1/2/2/3;\n  grid-area: colOne;\n  //padding-top: 170px;\n  //}\n  //grid-area: 2/2/3/3;\n  color: white;\n  justify-self: center;\n  align-self: start;\n  margin-bottom: 20px;\n  z-index: 3;\n  //min-width: 360px;\n\n  @media only screen and (max-width: 985px) {\n    justify-self: start;\n  }\n\n  h1 {\n    // font-size: 2rem;\n    margin-bottom: 15px;\n\n    @media only screen and (max-width: 300px) {\n      font-size: 0.9rem;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n\n    li {\n      margin-bottom: 5px;\n    }\n\n    a {\n      // font-size: 1rem;\n\n      letter-spacing: normal;\n      line-height: 19px;\n      line-height: 22px;\n      font-style: normal;\n      font-weight: 400;\n      color: white;\n\n      @media only screen and (max-width: 300px) {\n        font-size: 0.7rem;\n      }\n    }\n  }\n`;\n\nconst Legal = styled.div`\n  //@media only screen and (max-width: 985px) {\n  /* grid-area: 4/2/5/-1; */\n  grid-area: legal;\n  align-self: end;\n  justify-self: start;\n  padding: 20px 0px;\n  background-color: black;\n  z-index: 3;\n  // font-size: 0.4rem;\n  //grid-area: 3/3/4/5;\n  //align-self: end;\n\n  color: white;\n  //width: 100%;\n  text-align: center;\n  //padding-bottom: 20px;\n\n  @media only screen and (max-width: 985px) {\n    padding: 50px 0 20px 0;\n  }\n`;\n\nconst BlackBG = styled.div`\n  //@media only screen and (max-width: 985px) {\n  grid-area: 3/1/5/-1;\n  background-color: black;\n\n  @media only screen and (max-width: 985px) {\n    grid-area: 2/1/-1/-1;\n  }\n  //}\n`;\n\nconst TopSectionWrapper = styled.div`\n  display: grid;\n  grid-template-columns: minmax(min-content, max-content) 1fr;\n  grid-column-gap: 8px;\n\n  span {\n    //margin-top: 4px;\n  }\n\n  h2 {\n    //// font-size: 2rem;\n    color: white;\n    @media only screen and (max-width: 985px) {\n      //// font-size: 3.5rem;\n    }\n  }\n\n  form {\n    grid-area: 2/1/3/3;\n  }\n\n  span {\n    @media only screen and (max-width: 985px) {\n      margin: -5px 8px 0 0;\n    }\n  }\n`;\n\nconst formData = new FormData();\n\nfunction Footer(props) {\n  console.log(\"--==============Footer===============\");\n  console.log(\"--==============Footer Props===============\", props);\n\n  const [newsletterEmail, setNewsletterEmail] = useState(\"\");\n  const [signupComplete, setSignupComplete] = useState(\"false\");\n\n  useEffect(() => {\n    console.log(\"---------------------------Footer useEffect===============\");\n\n    //window.addEventListener('keydown', handleFirstTab);\n  }, []);\n\n  function handleNewsletter(e) {\n    e.preventDefault();\n\n    console.log(\"currentstateis = \", newsletterEmail);\n\n    formData.append(\"data[email]\", newsletterEmail);\n    formData.append(\"ziploker\", \"wtfff\");\n\n    console.log(\"currentFormDatais = \", formData);\n\n    axios\n      .post(\n        \"/registrations/newsletter\",\n        {\n          body: {\n            payload: newsletterEmail,\n          },\n        },\n        { withCredentials: true }\n      )\n      .then((response) => {\n        console.log(\"response from newsletter\", response);\n        setSignupComplete(\"true\");\n      })\n      .catch((error) => {\n        console.log(\"handlenewsletter errors if any are \", error);\n      });\n  }\n\n  function handleNewsletterChange(e) {\n    setNewsletterEmail(e.target.value);\n\n    console.log(\"inHandleNewsLetter\", e);\n  }\n\n  // function handleFirstTab(e) {\n\n  //     console.log(\"IN TAB thing..................\")\n  //     if (e.keyCode === 9) { // the \"I am a keyboard user\" key\n  //         document.body.classList.add('user-is-tabbing');\n  //         window.removeEventListener('keydown', handleFirstTab);\n  //     }\n  // }\n\n  return (\n    <FooterWrapper show_offer={props.show_offer}>\n      <FooterImage src={footerImage} alt=\"\" />\n\n      <SubscribeSection>\n        <div>\n          <TopSectionWrapper>\n            <span>\n              <svg width=\"45px\" height=\"40px\" viewBox=\"0 0 19 13\">\n                <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n                  <g fill=\"#fff\">\n                    <g>\n                      <polygon points=\"0 9.1842 4.103 5.0812 0 0.9792\"></polygon>\n                      <polygon points=\"0.4365 -0.0003 9.0415 8.6057 17.6475 -0.0003\"></polygon>\n                      <polygon points=\"14.0445 5.0163 18.0835 9.0553 18.0835 0.9773\"></polygon>\n                      <polygon points=\"9.0414 10.0194 4.8104 5.7884 0.0004 10.5994 0.0004 12.7504 18.0834 12.7504 18.0834 10.4694 13.3384 5.7234\"></polygon>\n                    </g>\n                  </g>\n                </g>\n              </svg>\n            </span>\n\n            <h2>stay up to date</h2>\n\n            <form>\n              <strong\n                style={{\n                  display: signupComplete == \"true\" ? \"initial\" : \"none\",\n                }}\n              >\n                Thank you for signing up!\n              </strong>\n\n              {/* <div style={{ display: signupComplete ? \"none\" : \"initial\" }}> */}\n              <input\n                signupcomplete={signupComplete}\n                onChange={handleNewsletterChange}\n                value={newsletterEmail}\n                type=\"email\"\n                required=\"\"\n                spellCheck=\"false\"\n                autoComplete=\"off\"\n                autoCapitalize=\"none\"\n                placeholder=\"Enter your e-mail address\"\n              />\n              {/* </div> */}\n\n              <button\n                style={{\n                  display: signupComplete == \"true\" ? \"none\" : \"initial\",\n                  color: \"black\",\n                }}\n                type=\"submit\"\n                name=\"submint\"\n                onClick={handleNewsletter}\n              >\n                Sign Up\n              </button>\n            </form>\n          </TopSectionWrapper>\n        </div>\n      </SubscribeSection>\n\n      <Follow>\n        <ul>\n          <h1>Follow</h1>\n          <li>\n            <a href=\"#\">facebook</a>\n          </li>\n          <li>\n            <a href=\"#\">twitter</a>\n          </li>\n          <li>\n            <a href=\"#\">instagram</a>\n          </li>\n        </ul>\n      </Follow>\n\n      <Explore>\n        <ul>\n          <h1>Explore</h1>\n          <li>\n            <a href=\"#\">home</a>\n          </li>\n          <li>\n            <a href=\"#\">act</a>\n          </li>\n          <li>\n            <a href=\"#\">shop</a>\n          </li>\n          <li>\n            <a href=\"#\">about</a>\n          </li>\n          <li>\n            <a href=\"#\">contact</a>\n          </li>\n        </ul>\n      </Explore>\n\n      <Legal>\n        <h4>&#169; 2024 FloridaBlaze, All Rights Reserved</h4>\n      </Legal>\n\n      <BlackBG></BlackBG>\n    </FooterWrapper>\n  );\n}\n\nexport default Footer;\n","import React, { useEffect, useState } from \"react\"\nimport { createGlobalStyle } from \"styled-components\"\n\nimport \"../../../node_modules/modern-normalize/modern-normalize.css\"\n\n//light blue   #56c5cc \t(86,197,204)\n//pink         #f14f7b \t(241,79,123)\n//orange       #f7aa1c \t(247,170,28)\n//darkblue     #000321 \t(0,3,33)\n//black        #000000 \t(0,0,0)\n\nconst GlobalStyles = createGlobalStyle`\n\n\n.replies{\n\n  //transform: scale(1);\n  max-height: 300px;\n  transition: all 197ms ease;\n  opacity: 1;\n  //transform: translateX(0%);\n  //transition-delay: 50ms;\n  \n  //position: relative;\n  margin: 10px 0px 0px 25px;\n  \n\n  \n  }\n  \n  \n  \n  .replies.shrink{\n  \n  max-height: 0;\n  //transform: scale(0);\n  opacity: 0;\n  //transform: translateX(100%);\n  \n  }\n\n\n  .ziploker {\n      fill: white;\n    }\n    \n    .selected {\n      svg {\n        #layer1 path:nth-child(2) {\n          fill: #2ef00a2b;\n        }\n    \n        #layer1 path:nth-child(3) {\n          fill: rgb(46, 240, 10);\n        }\n      }\n    }\n    \n    //#f0200a2b;\n    \n    //#f00a0a;\n    \n    .down_vote_selected {\n      svg {\n        #layer11 path:nth-child(2) {\n          fill: #f0200a2b;\n        }\n    \n        #layer11 path:nth-child(3) {\n          fill: #f00a0a;\n        }\n      }\n    }\n\n\n    .replyFormHidden {\n      z-index: -1;\n    \n      opacity: 0;\n      height: 0px;\n      min-height: 0px;\n    \n      transition: all 197ms ease;\n    \n      top: -100px;\n      display: grid;\n      //display: grid;\n    \n      position: relative;\n      grid-template-columns: minmax(min-content, max-content) 1fr;\n      grid-template-rows: minmax(50px, 1fr) minmax(min-content, max-content);\n      grid-template-areas:\n        \"main_comment_img      main_comment_body  \"\n        \"main_comment_img     main_comment_buttons\";\n    \n      margin: 0px 50px 0px 25px;\n      //min-height: 100px;\n    \n      //top: -100px;\n      //left: 0;\n      background-color: F4F4F4;\n      //padding: 20px;\n    \n      img {\n        width: 25px;\n        height: 25px;\n        grid-area: avatar;\n        margin: 1px 10px 0px 0px;\n        border-radius: 50%;\n        border: 1px solid gray;\n    \n        grid-area: main_comment_img;\n      }\n    }\n    \n    .replyForm {\n      z-index: initial;\n      opacity: 1;\n      height: initial;\n      min-height: 100px;\n      top: 7px;\n    \n      margin: 0px 50px 15px 25px;\n    }\n\n\n\n\n\n\n\n\n\n\n\n    .eachDot {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      background-color: white;\n      border: 1px solid black;\n      box-sizing: border-box;\n      transition: transform 0.5s ease;\n    }\n    \n    .eachDot.active {\n      background-color: black;\n    }\n    \n    .dot-holder {\n      height: 10px;\n      width: 10px;\n      align-items: center;\n      align-self: center;\n      transition: all 0.5s ease;\n      transform: translateX(60px);\n      justify-self: center;\n    }\n    .eachDot.medium {\n      transform: scale(0.6);\n    }\n    \n    .eachDot.small {\n      transform: scale(0.32);\n    }\n    \n    .eachDot.invisible {\n      transform: scale(0.18);\n    }\n\n    .allDotsWrapperWrapper{\n\n      @media only screen and (max-width: 785px) {\n\t\t    margin-top: 25px !important;\n\t    }\n    }\n    \n    .allDotsWrapper {\n      grid-area: 1/2/2/3;\n      display: grid;\n    \n      overflow: hidden;\n      width: 220px;\n      height: 15px;\n      justify-self: center;\n    \n      transition: transform 0.5s ease;\n    }\n    \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@media (prefers-reduced-motion: no-preference) {\n  html {\n    scroll-behavior: smooth; /* Smoothly animate to different sections within a page, only if the user doesn't mind animations */\n  }\n}\n\n\n/*\n  1. Use a more-intuitive box-sizing model.\n*/\n*, *::before, *::after {\n  box-sizing: border-box;\n  \n  padding: 0;\n  \n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  text-rendering: optimizeLegibility;\n}\n/*\n  2. Remove default margin\n*/\n* {\n  margin: 0;\n}\nhtml{\n  \n  font-size: 100%;\n  line-height: 1.15;\n  ‑webkit‑text‑size‑adjust: 100%;\n}\n/*\n  Typographic tweaks!\n  3. Add accessible line-height\n  4. Improve text rendering\n*/\nbody {\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n  -moz-font-smoothing: antialiased;\n  -o-font-smoothing: antialiased;\n\n  max-width: 2000px;\n  //min-width: 269px;\n  body:not(.user-is-tabbing) button:focus,\n  body:not(.user-is-tabbing) input:focus,\n  body:not(.user-is-tabbing) select:focus,\n  body:not(.user-is-tabbing) textarea:focus {\n    outline: none;\n  }\n}\n/*\n  5. Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n  display: block;\n  max-width: 100%;\n}\n/*\n  6. Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n  font: inherit;\n}\n\n/*\n  8. Create a root stacking context\n*/\n#root, #__next {\n  isolation: isolate;\n}\n\n/*\n Render the main element consistently in IE.\n */\n\n main {\n  display: block;\n}\n\n\na,\na:active,\na:focus {\n  outline: none; /* Works in Firefox, Chrome, IE8 and above */\n}\n\n/*\n  Correct the font size and margin on h1 elements within section and\n article contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  \n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: 'Fira Sans';\n  font-weight: 400;\n  overflow-wrap: break-word;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  //font-size: 1rem;\n  //line-height: 0;\n  //position: relative;\n  //vertical-align: baseline;\n  //padding: 0;\n  //font-weight: bold;\n}\n\nsub {\n  //bottom: -0.25em;\n}\n\nsup {\n  top: 0px !important;\n  position: relative;\n  font-size: 0.7rem;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  //font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from fieldset elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    fieldset elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to inherit in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}\n\n\n.pac-item span:not(:first-child) {\n\t//font-size: 36px;\n\t//color: rgb(61, 61, 61);\n}\n\n.pac-item {\n\tpadding: 10px 0;\n}\n\np{\n\n  font-family: 'PT Serif';\n}\n\n.pac-item span:not(:first-child) {\n  font-size: 1.5rem !important;\n  // color: rgb(61, 61, 61);\n  //color: red;\n\n  @media only screen and (max-width: 500px) {\n    font-size: 1rem !important;\n  }\n}\n\n\n.pac-item span:nth-child(3) {\n\tpadding: 0 0 0 5px;\n  font-size: 1rem !important;\n  // color: rgb(61, 61, 61);\n  //color: red;\n\n  /* @media only screen and (max-width: 985px) {\n    //font-size: 3rem !important;\n    display: none;\n  } */\n}\n\n\n/* @-ms-viewport{\n  width: device-width;\n} */\n\n\n\n\n/* Shared */\n.loginBtn {\n  box-sizing: border-box;\n  position: relative;\n  width: 0px;\n  margin: 0.2em;\n  padding: 0 80px 0 45px;\n  border: none;\n  text-align: left;\n  line-height: 34px;\n  white-space: nowrap;\n  border-radius: 0.2em;\n  // font-size: 14px;\n  color: #fff;\n}\n.loginBtn:before {\n  content: \"\";\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 34px;\n  height: 100%;\n}\n.loginBtn:focus {\n  outline: none;\n}\n.loginBtn:active {\n  box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);\n}\n\n/* Facebook */\n.loginBtn--facebook {\n  grid-area: 2/2/3/3;\n  justify-self: start;\n  background-color: #4c69ba;\n  background-image: linear-gradient(#4c69ba, #3b55a0);\n  text-shadow: 0 -1px 0 #354c8c;\n}\n.loginBtn--facebook:before {\n  border-right: #364e92 1px solid;\n  background: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png\")\n    6px 6px no-repeat;\n}\n.loginBtn--facebook:hover,\n.loginBtn--facebook:focus {\n  background-color: #5b7bd5;\n  background-image: linear-gradient(#5b7bd5, #4864b1);\n}\n\n/* Google */\n.loginBtn--google {\n  justify-self: end;\n  grid-area: 2/1/3/2;\n  background: #dd4b39;\n  height: \" 35px\";\n}\n.loginBtn--google:before {\n  border-right: #bb3f30 1px solid;\n  background: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png\")\n    6px 6px no-repeat;\n}\n.loginBtn--google:hover,\n.loginBtn--google:focus {\n  background: #e74b37;\n}\n\n\n\n\n\n\n.theLinks{\n\n  display: grid:\n  grid-template-columns: min-content min-content  1fr;\n}\n\n\n\n\n\n\n\n\n`\n\nexport default (props) => <GlobalStyles {...props} />\n","import React, {useEffect, useState} from 'react'\nimport {Link, useLocation} from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst ShopWrapper = styled.div`\n\n    display: grid;\n    min-height: 75vh;\n    width: 100vw;\n    //background: pink;\n\n    \n\n`;\n\n\nfunction Shop(props) {\n\n   \n    console.log(\"SHOP_________________PROPS\", location.pathname)\n    //console.log(\"HEADER_PROPS solo\", location.pathname)\n\n    \n\n    \n      \n    return (\n        \n        <ShopWrapper>\n\n            {/* <h1 style={{\n                justifySelf: \"center\",\n                alignSelf: \"center\"\n\n\n            }}></h1> */}\n\n        </ShopWrapper>\n    )\n}\n\n\n\n\n\nexport default Shop;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Link } from \"react-router-dom\";\n//import slugify from \"react-slugify\";\n\nconst LinkWrapper1 = styled(Link)`\n  //grid-area: 1/1/3/2;\n  grid-area: 1/1/-1/-1;\n  max-width: 600px;\n  width: 100%;\n  justify-self: center;\n  display: grid;\n`;\n\nconst Div1 = styled.div`\n  box-shadow: 0 2px 5px 0 rgba(227, 181, 90, 0.2);\n  position: relative;\n  border-radius: 10px;\n  overflow: hidden;\n  display: grid;\n  justify-self: center;\n  max-width: 600px;\n  width: 100%;\n\n  background-image: url(${(props) => props.image_url});\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  background-position: bottom center;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 0;\n    width: 0;\n    padding-bottom: calc(9 / 16 * 100%);\n  }\n\n  &:hover {\n    box-shadow: 0 0 0 5px #e3b55a;\n    transition: box-shadow 80ms;\n    border-radius: 4px;\n    outline: none;\n  }\n`;\n\nconst Div1OverlayWrapper = styled.div`\n  pointer-events: none;\n  grid-area: 1/1/-1/-1;\n  border-radius: 10px;\n  overflow: hidden;\n  max-width: 600px;\n  width: 100%;\n  justify-self: center;\n  display: grid;\n  z-index: 1;\n\n  background: rgb(0, 0, 0);\n  background: -moz-linear-gradient(\n    0deg,\n    rgba(0, 0, 0, 1) 10%,\n    rgba(255, 145, 145, 0) 34%\n  );\n  background: -webkit-linear-gradient(\n    0deg,\n    rgba(0, 0, 0, 1) 10%,\n    rgba(255, 145, 145, 0) 34%\n  );\n  background: linear-gradient(\n    0deg,\n    rgba(0, 0, 0, 1) 10%,\n    rgba(255, 145, 145, 0) 34%\n  );\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#000000\",endColorstr=\"#ff9191\",GradientType=1);\n`;\n\nconst StoryOneTitle = styled.h1`\n  //grid-area: 1 /1 /2/2;\n  // font-size: 4.2vw;\n  word-break: break-all;\n  //align-self: end;\n  //justify-self: start;\n  //text-align: left;\n  color: white;\n  //line-height: 1em;\n  //letter-spacing: 2px;\n  //z-index: 1;\n  padding: 0px 8px 8px 8px;\n  width: 100%;\n  //min-height: 100%;\n  align-self: end;\n  justify-self: center;\n  text-align: center;\n`;\n\nconst StoryFlipperWrapper = styled.div`\n  display: grid;\n  margin: 20px 10px 43px 10px;\n  grid-template-columns: 1fr;\n\n  grid-gap: 10px;\n`;\n// const Post = React.forwardRef(({ post }, ref) => {\nconst storyCard = React.forwardRef(({ s, i, lastID }, ref) => {\n  //console.log(\"Insiode StoryCXard and ref ios \", ref);\n\n  const body = (\n    <>\n      <LinkWrapper1\n        to={\"/blog/\" + s.slug}\n        // state={{ art: props.lastStory }}\n        // ref={gsapContainer1}\n      >\n        <Div1\n          //className=\"s1\"\n          image_url={s.urls[0]}\n        ></Div1>\n      </LinkWrapper1>\n\n      <Div1OverlayWrapper\n      //</>ref={gsapContainer2}\n      //className=\"s2\"\n      >\n        <StoryOneTitle>{s.title}</StoryOneTitle>\n      </Div1OverlayWrapper>\n    </>\n  );\n\n  const content = ref ? (\n    <StoryFlipperWrapper data-last={lastID} ref={ref} key={i}>\n      {body}\n    </StoryFlipperWrapper>\n  ) : (\n    <StoryFlipperWrapper key={i}>{body}</StoryFlipperWrapper>\n  );\n\n  return content;\n});\n\nexport default storyCard;\n"],"names":["StoryPicWrapper","styled","div","withConfig","displayName","componentId","LabelForFile","img","label","Form","section","form","FormWrapper","Input","input","TextArea","textarea","formData","FormData","EditStory","props","console","log","state","setState","React","title","slugifyMe","slug","alt","description","keywords","topic","caption","body","urls","storyId","useParams","useEffect","axios","post","data","storyID","withCredentials","then","response","JSON","stringify","story","catch","error","Images","Object","keys","map","item","key","style","width","src","height","marginBottom","cursor","onClick","sendPicToRailsToDelete","validForm","handleChange","event","v","target","value","id","name","tagger","slugify","picUrl","storyTitle","newUrls","filter","url","focussed","type","locked","className","onSubmit","e","preventDefault","append","csrf","document","querySelector","getAttribute","$","headers","method","contentType","processData","success","images","alert","xhr","status","enctype","index","placeholder","onChange","readOnly","htmlFor","opacity","overflow","position","zIndex","accept","multiple","files","imageArray","push","a","Login","location","useLocation","email","emailFieldActive","errors","onHover","setOnHover","linkStyle","border","transition","fontSize","top","right","textDecoration","padding","errorMessages","ErrorMsg","auth","password","password_confirmation","green","set_login_clicked","LoginWrapper","Card","LogoWrapper","Link","onMouseEnter","onMouseLeave","to","H2","user","FormItem","Label","InputIcon","backgroundImage","tinyMan","onFocus","onBlur","required","Button","ErrorWrapper","XorCheckIcon","redX","greenCheck","EditAccountWrapper","EditAccount","ProfilePicWrapper","ProfilePic","StatusSpinner","show_status_spinner","ActivityTableWrapper","NoActivity","activityLoadingSpinnerDefaultTimer","isAllCommunicationsReady","allCommunications","length","ActivityTableHeader","h2","ActivityTable","table","LoadingActivitySpinnerWrapper","LoadingActivitySpinner","setAllCommunications","useState","setIsAllCommunicationsReady","setActivityLoadingSpinnerDefaultTimer","loggedInStatus","full_name","full_nameFieldActive","passwordFieldActive","opt_in","nick","nickFieldActive","avatar","avatar_url","isBtnDisabled","showStatusSpinner","activateField","disableField","checked","toString","get","logged_in","populateCommunications","setTimeout","dummy_avatar","waitMessage","timer","clearTimeout","disabled","URL","createObjectURL","marginTop","display","justifyContent","marginLeft","color","x","i","com_type","RedirectURL","postgrid_letter_ID","postgrid_id","letterID","formatted_date","recipient","paypal_full_object","purchase_units","amount","handleClick","LookupScrollToRef","current","offsetTop","token","change_password","change_passwordFieldActive","change_password_confirmation","change_password_confirmationFieldActive","test","autoComplete","Resend","d","current_user","artData","userState","setUserState","emailStatus","queryClient","QueryClient","defaultOptions","queries","staleTime","Infinity","openSideMenu","setOpenSideMenu","showOffer","setShowOffer","loginClicked","setLoginClicked","allStories","setAllStories","stories","allStoriesFromController","page","useRef","LookupInputRef","section2ScrollToRef","scrollToRef2","ref","scrollOptions","left","behavior","window","scrollTo","handleSuccessfulAuth","executeScrollForLookupSection","focus","scrollToRef","executeScrollForSection2","email_confirmed","QueryClientProvider","client","ThemeProvider","theme","white","offWhite","lightBlue","pink","orange","darkBlue","blueGray","black","GlobalStyles","Router","Header","handleLogOutClick","delete","open_side_menu","set_open_side_menu","login_clicked","Routes","Route","exact","path","element","Home","show_offer","goToActNow","Forgot","Change","Edit","Article","tester","PayPalScriptProvider","options","Act","executeScrollForLookupSectionTwo","set_show_offer","SignupSection","Footer","ReactQueryDevtools","initialIsOpen","ArticleSection","StoryTitleWrapper","StoryTitle","h1","InfoBar","FlexBar","ArticleDate","h4","ArticleSpacer","StoryImageWrapper","StoryImage","Caption","StoryShareButtons","PWrapper","Loading","AuthorAvartar","p","params","storyFromRails","isLoading","useQuery","queryFn","res","queryKey","articleStructuredData","mainEntityOfPage","image","inLanguage","dateCreated","created_at","dateModified","updated_at","author","publisher","logo","dangerouslySetInnerHTML","__html","isAdmin","art","Helmet","rel","href","property","content","author_avatar","lineHeight","date","FacebookShareButton","children","FacebookIcon","size","round","borderRadius","marginRight","TwitterShareButton","TwitterIcon","WhatsappShareButton","WhatsappIcon","Comments","FooterWrapper","FooterImage","SubscribeSection","signupcomplete","Follow","Explore","Legal","BlackBG","TopSectionWrapper","newsletterEmail","setNewsletterEmail","signupComplete","setSignupComplete","footerImage","viewBox","stroke","strokeWidth","fill","fillRule","points","spellCheck","autoCapitalize","payload","createGlobalStyle","image_url"],"sourceRoot":""}