\r\n \r\n addEditClick(post)}\r\n />\r\n \r\n deletePostClick(post)}>\r\n
\r\n );\r\n };\r\n\r\n const renderAdminBtn = () => {\r\n return (\r\n \r\n
\r\n );\r\n };\r\n let render;\r\n if (Posts.length <= 0) {\r\n render = (\r\n \r\n \r\n \r\n {showModal ? (\r\n hideModalClick()}\r\n FormData={formData}\r\n title={modalTitle}\r\n toDelete={deleteFlag}\r\n >\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n );\r\n } else {\r\n render = Posts.map((item) => {\r\n if (item.Attached.length > 3) {\r\n return (\r\n \r\n
\r\n Welcome to Lyndhurst Pigeon Club Website!
\r\n\r\n There's no announcement at the moment, please check back later.\r\n
\r\n\r\n {isAdmin ? renderEditDeleteBtn(item) : \"\"}\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n {item.Title}
\r\n{item.Detail}
\r\n\r\n
\r\n {isAdmin ? renderEditDeleteBtn(item) : \"\"}\r\n
\r\n );\r\n }\r\n });\r\n }\r\n\r\n return (\r\n \r\n
\r\n {item.Title}
\r\n{item.Detail}
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Home;\r\n","import React from \"react\";\r\n\r\nclass Members extends React.Component {\r\n render() {\r\n const renderMembersTR = memberList.map((item, index) => {\r\n return (\r\n {isAdmin ? renderAdminBtn() : \"\"}
\r\n {render}\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Members;\r\n\r\nconst memberList = [\r\n { name: \"John Baginski\", loftName: \"Crown\" },\r\n { name: \"Vinnie Torre\", loftName: \"Hillside Loft\" },\r\n];\r\n","import React, { useState, useContext } from \"react\";\r\nimport { StoreContext } from \"../../../store\";\r\n\r\nimport Button from \"react-bootstrap/Button\";\r\nimport \"../../../../src/styles.less\";\r\nimport ModalWrapper from \"../modal/Modal\";\r\nimport { SendMessage } from \"../../../actions\";\r\n\r\nconst ContactUsModal = (props) => {\r\n const { dispatch } = useContext(StoreContext);\r\n\r\n const [Name, setName] = useState(\"\");\r\n const [Email, setEmail] = useState(\"\");\r\n const [Phone, setPhone] = useState(\"\");\r\n const [MessageBody, setMessageBody] = useState(\"\");\r\n\r\n let handleSend = () => {\r\n var Message = { Name: \"\", Email: \"\", Phone: \"\", MessageBody: \"\" };\r\n Message.Name = Name;\r\n Message.Email = Email;\r\n Message.Phone = Phone;\r\n Message.MessageBody = MessageBody;\r\n\r\n SendMessage(dispatch, Message);\r\n props.closeModal();\r\n };\r\n return (\r\n Members
\r\n| # | \r\nName | \r\nLoft Name | \r\n
|---|
\r\n
\r\n \r\n );\r\n};\r\nexport default ContactUsModal;\r\n","import React, { useContext, useState, useEffect } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport logo from \"../images/banner.png\";\r\nimport \"../App.css\";\r\nimport {\r\n Navbar,\r\n NavItem,\r\n NavDropdown,\r\n MenuItem,\r\n Nav,\r\n NavbarBrand,\r\n} from \"react-bootstrap\";\r\nimport { StoreContext } from \"../store\";\r\nimport { faBold, faFlagUsa } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { UpdateLogin, Logout } from \"../actions\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ContactUsModal from \"./atoms/molecules/ContactUsModal\";\r\n\r\nconst Navigation = () => {\r\n const { IsLogin, APIVersion, dispatch } = useContext(StoreContext);\r\n\r\n const [showContactModal, setShowContactModal] = useState(false);\r\n\r\n const hideModalClick = () => {\r\n setShowContactModal(false);\r\n };\r\n\r\n const handleLogout = () => {\r\n Logout(dispatch);\r\n };\r\n\r\n const handleShowContact = () => {\r\n setShowContactModal(true);\r\n };\r\n\r\n const handleLogin = () => {\r\n //UpdateLogin(dispatch, true);\r\n };\r\n useEffect(() => {\r\n //console.log(\"is login\" + IsLogin);\r\n }, IsLogin);\r\n\r\n return (\r\n \r\n
\r\n \r\n 20 Stuyvesant Ave Lyndhurst, NJ 07071\r\n
\r\n \r\n
\r\n \r\n Email\r\n\r\n \r\n {\" \"}\r\n \r\n Lyndhurstpigeon@gmail.com\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Phone\r\n 201-933-3764\r\n
\r\n \r\n Fax\r\n 201-933-3764\r\n
\r\n \r\n You can also use the form below\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {showContactModal ? (\r\n hideModalClick()}\r\n />\r\n ) : null}\r\n
\r\n );\r\n};\r\nexport default Navigation;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport {\r\n OpenFile,\r\n GetRace,\r\n SaveRace,\r\n ResetRace,\r\n EditRace,\r\n UpdateRace,\r\n PopulateRaceForm,\r\n DeleteRace,\r\n} from \"../../../actions\";\r\nimport Upload from \"../upload/Upload\";\r\nimport TextBox from \"../textboxes/TextBox\";\r\nimport { StoreContext } from \"../../../store\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport \"../../../../src/styles.less\";\r\nimport ModalWrapper from \"../modal/Modal\";\r\nimport RaceForm from \"../molecules/RaceForm\";\r\nimport { useAccordionToggle } from \"react-bootstrap\";\r\nimport DeleteConfirmation from \"../molecules/DeleteConfirmation\";\r\nconst AddEditRaceModal = (props) => {\r\n const moment = require(\"moment\");\r\n const { dispatch, Race, AuthToken } = useContext(StoreContext);\r\n\r\n //form fields\r\n let [RaceDate, setRaceDate] = useState(new Date());\r\n let [Name, setName] = useState(\"\");\r\n let [Winner, setWinner] = useState(\"\");\r\n let [Station, setStation] = useState(\"\");\r\n let [ErrorMsg, setErrorMsg] = useState(false);\r\n let [FName, setFName] = useState(\"\");\r\n let [FData, setFData] = useState(\"\");\r\n const [validForm, setValidForm] = useState(true);\r\n const [formData, setFormData] = useState(props.raceData);\r\n useEffect(() => {\r\n PopulateRaceForm(props.raceData, dispatch);\r\n }, [props.raceData]);\r\n\r\n const showErrorMessage = () => {\r\n if (!validForm && Name.length == 0)\r\n return \r\n {IsLogin ? (\r\n handleLogout()}>\r\n Logout\r\n {/* \r\n Logout\r\n */}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n Race Name is Required.
;\r\n };\r\n\r\n // //check if adding or editing race\r\n // if (props.raceData.GUID == \"\" || props.raceData.GUID == Race.GUID) {\r\n // } else {\r\n // //set formfields\r\n // PopulateRaceForm(props.raceData, dispatch);\r\n // }\r\n\r\n // if (raceData.GUID !== Race.GUID) PopulateRaceForm(raceData, dispatch);\r\n //setEditFlag(true);\r\n // useEffect(() => {\r\n // setRace(props.raceData);\r\n // }, [raceData]);\r\n\r\n //this is triggered when upload file is used or when racedata already exists\r\n useEffect(() => {\r\n let dt = Race.RaceDate;\r\n\r\n if (dt == \"\") setRaceDate(new Date());\r\n else setRaceDate(new Date(dt));\r\n\r\n setName(Race.RaceName.trim());\r\n setWinner(Race.Winner.trim());\r\n setStation(Race.ReleaseStation.trim());\r\n setFName(Race.FName.trim());\r\n setFData(Race.FileData);\r\n setFormData(Race);\r\n }, [Race.RaceName, Race.GUID, Race.FName]);\r\n\r\n let handleSave = () => {\r\n formData.RaceName = Name;\r\n formData.Winner = Winner;\r\n formData.RaceDate = `${\r\n RaceDate.getMonth() + 1\r\n }/${RaceDate.getDate()}/${RaceDate.getFullYear()}`;\r\n formData.ReleaseStation = Station;\r\n\r\n if (formData.GUID == \"\") SaveRace(formData, dispatch, AuthToken);\r\n else EditRace(formData, dispatch, AuthToken);\r\n };\r\n\r\n const validateForm = (event) => {\r\n event.preventDefault();\r\n let valid = true;\r\n\r\n if (Name.length == 0) {\r\n valid = false;\r\n setValidForm(false);\r\n }\r\n\r\n if (valid) handleSave();\r\n\r\n return valid;\r\n };\r\n\r\n const deleteConfirmed = (event) => {\r\n DeleteRace(Race, dispatch, AuthToken);\r\n props.closeModal();\r\n };\r\n\r\n const dt = new Date();\r\n\r\n const renderRaceForm = () => {\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const handeClose = () => {};\r\n\r\n return (\r\n \r\n {/* hide this on edit */}\r\n {formData.GUID == \"\" ? (\r\n
\r\n \r\n \r\n
\r\n Top 3 Winners
\r\n {displayTop3(item.Top3)}\r\n\r\n
\r\n );\r\n };\r\n\r\n const cols = [\"#\", \"Date\", \"Winner\", \"Race\", \"Result\"];\r\n return (\r\n \r\n \r\n \r\n {showModal ? (\r\n hideModalClick()}\r\n raceData={raceData}\r\n toDelete={deleteFlag}\r\n >\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {isAdmin ? renderAdminBtn() : \"\"}\r\n
\r\n );\r\n};\r\n\r\nexport default Races;\r\n\r\nconst openFile = (fName) => {\r\n //window.open(\"../../files/races/\" + fName, \"_blank\");\r\n window.open(\r\n \"http://api.pigeonconnect.com/UploadedFiles/lyndhurst/raceresults/\" + fName,\r\n \"_blank\"\r\n );\r\n};\r\n\r\nlet fileReader;\r\nlet raceResult = {};\r\n\r\nconst displayTop3 = (winners) => {\r\n var newWinners = winners.split(\",\");\r\n\r\n return newWinners.map((winner) => \r\n
\r\n \r\n \r\n {Years.map((item) => (\r\n SetSelectedYear(dispatch, item)}\r\n >\r\n {item}\r\n \r\n ))}\r\n \r\n View Archive\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | edit | : \"\"}\r\n {isAdmin ?delete | : \"\"}\r\n {cols.map((item) => (\r\n{item} | \r\n ))}\r\n
|---|
\r\n \r\n
\r\n {winner}
);\r\n};\r\n","import React from \"react\";\r\nimport { BrowserRouter, Link } from \"react-router-dom\";\r\n\r\nlet AdminCards = () => {\r\n //const token = \"xyz\";\r\n\r\n const goToRoster = () => {\r\n BrowserRouter.push(\"/roster\");\r\n };\r\n return (\r\n\r\n
\r\n Manage Races
\r\n\r\n
\r\n Add, Edit, or Delete Races
\r\n\r\n You can add, edit, delete races. Edit only works for updating race\r\n info, if you need to update the attached race, delete the race and\r\n re-add it. If you upload winspeed result in \".txt\" format the race\r\n fields will be automatically populated. Another new feature,\r\n clicking on the race row will show you the top 3 birds on the list.\r\n
\r\n \r\n \r\n Go to races\r\n \r\n \r\n\r\n
\r\n Manage Announcements
\r\n\r\n
\r\n Add, Edit, or Delete announcement
\r\n\r\n You can add, edit, delete announcement. Your announcement can just\r\n be all text or with attachment. Announcements are sorted by created\r\n date, latest on top. You're allowed to pick one announcement that\r\n can stay on top of the list by clicking on the checkbox for \"keep\r\n this on top\".\r\n
\r\n \r\n \r\n Go to announcements\r\n \r\n \r\n\r\n
\r\n Manage Members
\r\n\r\n
\r\n Add, Edit, or Delete Member
\r\n\r\n You can add, edit, delete member. You can also enable notification\r\n so your members can receive an email when new announcement or result\r\n is posted on the website.\r\n
\r\n \r\n \r\n Go to members\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport { StoreContext } from \"../store\";\r\nimport \"../App.css\";\r\nimport AdminCards from \"../components/atoms/molecules/AdminCards\";\r\nimport Login from \"./atoms/molecules/Login\";\r\n\r\nlet Admin = () => {\r\n const { IsLogin } = useContext(StoreContext);\r\n return (\r\n \r\n {IsLogin ?
\r\n );\r\n};\r\nexport default Admin;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { StoreContext, initialState } from \"../../../store\";\r\nimport ModalWrapper from \"../modal/Modal\";\r\nimport DeleteConfirmation from \"../molecules/DeleteConfirmation\";\r\nimport { SaveRoster, DeleteRoster } from \"../../../actions\";\r\n\r\nconst AddEditRosterModal = (props) => {\r\n const { dispatch, AuthToken } = useContext(StoreContext);\r\n\r\n //roster form\r\n const [IsRosterVisible, setIsRosterVisible] = useState(false);\r\n const [Name, setName] = useState(\"\");\r\n const [LoftName, setLoftName] = useState(\"\");\r\n const [Email, setEmail] = useState(\"\");\r\n const [IsEmailVisible, setIsEmailVisible] = useState(true);\r\n const [Phone, setPhone] = useState(\"\");\r\n const [IsPhoneVisible, setIsPhoneVisible] = useState(true);\r\n const [SubscribedNotification, setSubscribedNotification] = useState(false);\r\n\r\n const roster = props.formData;\r\n const [FormData, setFormData] = useState(\"\");\r\n\r\n //this is triggered when upload file is used or when racedata already exists\r\n useEffect(() => {\r\n setName(roster.Name.trim());\r\n setLoftName(roster.LoftName.trim());\r\n setEmail(roster.Email.trim());\r\n setPhone(roster.Phone.trim());\r\n //setIsEmailVisible(roster.IsEmailVisible);\r\n //setIsPhoneVisible(roster.IsPhoneVisible);\r\n setSubscribedNotification(roster.SubscribedNotification);\r\n setIsRosterVisible(roster.IsRosterVisible);\r\n setFormData(roster);\r\n }, [roster.Name]);\r\n\r\n //redundant maybe create modal wrapper\r\n const deleteConfirmed = (event) => {\r\n DeleteRoster(dispatch, roster, AuthToken);\r\n props.closeModal();\r\n };\r\n\r\n const handleSave = () => {\r\n let Roster = {\r\n GUID: roster.GUID,\r\n Name: Name,\r\n LoftName: LoftName,\r\n Email: Email,\r\n Phone: Phone,\r\n //IsEmailVisible: IsEmailVisible,\r\n //IsPhoneVisible: IsPhoneVisible,\r\n SubscribedNotification: SubscribedNotification,\r\n IsRosterVisible: IsRosterVisible,\r\n };\r\n SaveRoster(dispatch, Roster, AuthToken);\r\n };\r\n\r\n const validateForm = (event) => {\r\n event.preventDefault();\r\n let valid = true;\r\n if (Name == \"\") {\r\n valid = false;\r\n }\r\n\r\n if (valid) handleSave();\r\n\r\n return valid;\r\n };\r\n //end redundant\r\n\r\n const renderRosterForm = () => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const addEdit = (item) => {\r\n return (\r\n \r\n \r\n \r\n {showModal ? (\r\n hideModalClick()}\r\n toDelete={deleteFlag}\r\n formData={fieldData}\r\n >\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Rosters;\r\n\r\nconst memberList = [\r\n { name: \"John Baginski\", loftName: \"Crown\" },\r\n { name: \"Vinnie Torre\", loftName: \"Hillside Loft\" },\r\n];\r\n","import React, { useContext, useEffect } from \"react\";\r\nimport { StoreContext } from \"../../../store\";\r\nimport { GetAPIVersion, UpdateLogin, Logout } from \"../../../actions\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { faBold, faFlagUsa } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst Footer = () => {\r\n const { APIVersion, dispatch, IsLogin } = useContext(StoreContext);\r\n\r\n useEffect(() => {\r\n GetAPIVersion(dispatch);\r\n }, []);\r\n\r\n const handleLogout = () => {\r\n Logout(dispatch);\r\n };\r\n\r\n const handleLogin = () => {\r\n //UpdateLogin(dispatch, true);\r\n };\r\n // useEffect(() => {\r\n // console.log(\"is login\" + IsLogin);\r\n // }, IsLogin);\r\n\r\n return (\r\n \r\n
\r\n {isAdmin ? renderAdminBtn() : \"\"}
\r\n | edit | : \"\"}\r\n {isAdmin ?delete | : \"\"}\r\n# | \r\nName | \r\nLoft Name | \r\n {isAdmin ?Phone | : \"\"}\r\n
|---|
\r\n
\r\n );\r\n};\r\nexport default Footer;\r\n","import React from \"react\";\r\n\r\nconst NoMatch = () => {\r\n return (\r\n \r\n
\r\n \r\n\r\n \r\n Lyndurst Homing Pigeon Club
\r\n Copyright © {new Date().getFullYear()}\r\n {/* 20 Stuyvesant Avenue Lyndhurst, NJ 07071
\r\n Phone 201-933-3764 */}\r\n
handleLogin()}>\r\n \r\n
\r\n Developed and maintained by\r\n \r\n {\" \"}\r\n CharmedCoder\r\n \r\n
\r\napi V{APIVersion} - app V2.0
\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default NoMatch;\r\n","import React from \"react\";\r\n\r\nclass RacesEdit extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n Oops! The page you’re looking for can’t be found. You may have\r\n mistyped the address or the page may have moved.\r\n
\r\n\r\n \r\n Go to main page{\" \"}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RacesEdit;\r\n\r\nconst raceList = [\r\n {\r\n Id: 1,\r\n Date: \"2019-09-08\",\r\n Winner: \"Crown\",\r\n Race: \"1st 150m YB Carlisle PA\",\r\n Result: \"view result\"\r\n },\r\n {\r\n Id: 2,\r\n Date: \"2019-09-08\",\r\n Winner: \"Hillside\",\r\n Race: \"2nd 150m YB Carlisle PA\",\r\n Result: \"view result\"\r\n }\r\n];\r\n","import React from \"react\";\r\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\r\nimport Home from \"./components/home\";\r\nimport Members from \"./components/members\";\r\nimport Navigation from \"./components/navigation\";\r\nimport Races from \"./components/races\";\r\nimport Admin from \"./components/admin\";\r\nimport Rosters from \"./components/rosters\";\r\nimport Footer from \"./components/atoms/molecules/Footer\";\r\n//import \"bootstrap/dist/css/bootstrap.css\";\r\n//import \"bootstrap/dist/js/bootstrap.js\";\r\nimport RacesEdit from \"./components/races-edit\";\r\nimport StoreProvider from \"./store\";\r\nimport NoMatch from \"./components/atoms/NoMatch\";\r\n//import \"bootstrap/dist/css/bootstrap.min.css\";\r\n\r\nfunction App() {\r\n return (\r\n Races
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n