From 649b1d4328a7ffc31cb5e9d47e2b3ddefcc66f16 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Mon, 24 Jul 2023 20:27:10 -0400 Subject: Initial rewrite to astro --- src/components/Navbar.jsx | 41 ++++ src/components/PSA.astro | 40 ++++ src/components/psa.json | 5 + src/components/travel-advisory/HistoryModal.jsx | 40 ++++ src/components/travel-advisory/ListCountries.jsx | 65 ++++++ src/components/travel-advisory/countries.json | 253 +++++++++++++++++++++++ 6 files changed, 444 insertions(+) create mode 100644 src/components/Navbar.jsx create mode 100644 src/components/PSA.astro create mode 100644 src/components/psa.json create mode 100644 src/components/travel-advisory/HistoryModal.jsx create mode 100644 src/components/travel-advisory/ListCountries.jsx create mode 100644 src/components/travel-advisory/countries.json (limited to 'src/components') diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx new file mode 100644 index 0000000..63b2010 --- /dev/null +++ b/src/components/Navbar.jsx @@ -0,0 +1,41 @@ +import { useState } from "preact/hooks"; +export default function Navbar(){ + const [navbar, setNavbar] = useState(false); + return ( + + +) +} diff --git a/src/components/PSA.astro b/src/components/PSA.astro new file mode 100644 index 0000000..ad2bcdf --- /dev/null +++ b/src/components/PSA.astro @@ -0,0 +1,40 @@ +--- +import psaMessage from "./psa.json"; +let defaultStyle = "flex flex-row md:px-40 sm:px-30 sm:py-0.5 p-3 space-x-2"; +let styleImportant; +let important; +switch (psaMessage.important) { + case 0: + styleImportant = "hidden" + defaultStyle += ' ' + styleImportant + break; + case 1: + important = "Latest News:" + styleImportant = "bg-zinc-700" + defaultStyle += ' ' + styleImportant + break; + case 2: + important = "WARNING!" + styleImportant = "bg-yellow-700" + defaultStyle += ' ' + styleImportant + break; + case 3: + important = "EMERGENCY!" + styleImportant = "bg-red-800" + defaultStyle += ' ' + styleImportant + break; +} +--- + +
+

{important}

+
+

{psaMessage.announcement}

+

+ {psaMessage.link && ( + + Learn more ↗ + + )}

+
+
diff --git a/src/components/psa.json b/src/components/psa.json new file mode 100644 index 0000000..d0d28ce --- /dev/null +++ b/src/components/psa.json @@ -0,0 +1,5 @@ +{ + "important": 0, + "announcement": "No important announcements at this time.", + "link": "/travel-advisory" +} diff --git a/src/components/travel-advisory/HistoryModal.jsx b/src/components/travel-advisory/HistoryModal.jsx new file mode 100644 index 0000000..6449a6a --- /dev/null +++ b/src/components/travel-advisory/HistoryModal.jsx @@ -0,0 +1,40 @@ +const HistoryModal = ({ isVisible, onClose, countries, dangerLevel, history }) => { + if (!isVisible) return null; + const handleClose = (e) => { + if(e.target.id === 'wrapper') onClose(); + } + + let historyList; + if (history && history.length > 0) { + historyList = history.map((event, index) => { + return ( +
  • {event}
    • + ) + }) + } else { + historyList =
  • Currently no diplomatic/medical issues in this country.
    • ; + } + + return ( +
    +
    +
    +
    +
    +
    +

    {countries}

    +

    {dangerLevel}

    +
    +
    +

    History

    +
      {historyList}
    +
    +
    +
    +
    +
    +
    + ) +} + +export default HistoryModal; diff --git a/src/components/travel-advisory/ListCountries.jsx b/src/components/travel-advisory/ListCountries.jsx new file mode 100644 index 0000000..57817af --- /dev/null +++ b/src/components/travel-advisory/ListCountries.jsx @@ -0,0 +1,65 @@ +import countriesData from './countries.json' assert { type: 'json' }; +import HistoryModal from "./HistoryModal"; +import { useState } from "preact/hooks"; + +export function getDangerLevel(danger) { + let dangerLevel; + switch (danger) { + case 0: + dangerLevel = "Take normal security precautions" + break; + case 1: + dangerLevel = "Exercise a high degree of caution" + break; + case 2: + dangerLevel = "Avoid non-essential travel" + break; + case 3: + dangerLevel = "Avoid all travel" + break; + default: + dangerLevel = "Seems like the danger level is broken!" + break; + } + + return dangerLevel; +} + +export function Countries(){ + // eslint-disable-next-line react-hooks/rules-of-hooks + const [showModal, setShowModal] = useState(false); + const [selectedCountry, setSelectedCountry] = useState(null); + const [selectedDangerLevel, setSelectedDangerLevel] = useState(null); + const [selectedCountryHistory, setSelectedCountryHistory] = useState(null); + const countries = countriesData.countries; + + return countries.map((country) => { + let dangerLevel = getDangerLevel(country.danger); + + const settlementsList = country.settlements.map((settlement) => { + return ( +
    +

    {settlement.name}

    +

    {getDangerLevel(settlement.danger)}

    +
    + ) + }) + + return ( +
    +
    +

    {country.name}

    +

    {dangerLevel}

    +
    {settlementsList}
    + +
    + setShowModal(false)} countries={selectedCountry} dangerLevel={selectedDangerLevel} history={selectedCountryHistory} /> +
    + ) + }) +} diff --git a/src/components/travel-advisory/countries.json b/src/components/travel-advisory/countries.json new file mode 100644 index 0000000..f50474c --- /dev/null +++ b/src/components/travel-advisory/countries.json @@ -0,0 +1,253 @@ +{ + "countries": [ + { + "name": "Anatoli", + "url": "anatoli", + "danger": 0, + "image": "/countries/anatoli.webp", + "settlements": [], + "history": [] + }, + { + "name": "Auckland", + "url": "auckland", + "danger": 0, + "image": "/countries/auckland.webp", + "settlements": [], + "history": [] + }, + { + "name": "Aura Regions", + "url": "auraregions", + "danger": 0, + "image": "/countries/auraregions.webp", + "settlements": [], + "history": [] + }, + { + "name": "Birch Boat Town", + "url": "birchboattown", + "danger": 0, + "image": "/countries/birchboattown.webp", + "settlements": [], + "history": [] + }, + { + "name": "Birch Lodges Community Town", + "url": "birchlodges", + "danger": 0, + "image": "/countries/birchlodges.webp", + "settlements": [], + "history": [] + }, + { + "name": "Country Warp", + "url": "countrywarp", + "danger": 0, + "image": "/countries/countrywarp.webp", + "settlements": [], + "history": [] + }, + { + "name": "The Federation of Doodads and Gizmos", + "url": "doodadsandgizmos", + "danger": 0, + "image": "/countries/doodadsandgizmos.webp", + "settlements": [], + "history": [] + }, + { + "name": "Eagle City", + "url": "eaglecity", + "danger": 0, + "image": "/countries/eaglecity.webp", + "settlements": [], + "history": [] + }, + { + "name": "Fegal", + "url": "fegal", + "danger": 3, + "image": "/countries/fegal.webp", + "settlements": [], + "history": [ + "May 17th, 2023: Fegal has border security issues and it has not been solved as of now." + ] + }, + { + "name": "Halcandra", + "url": "halcandra", + "danger": 0, + "image": "/countries/halcandra.webp", + "settlements": [], + "history": [] + }, + { + "name": "Inkytown", + "url": "inkytown", + "danger": 0, + "image": "/countries/inkytown.webp", + "settlements": [], + "history": [] + }, + { + "name": "Kemonomimi Republic", + "url": "kemonomimi-republic", + "danger": 0, + "image": "/countries/kemonomimi.webp", + "settlements": [], + "history": [] + }, + { + "name": "Knowle Regions", + "url": "knowle-regions", + "danger": 0, + "image": "/countries/knowleregions.webp", + "settlements": [], + "history": [] + }, + { + "name": "Lion Land", + "url": "lionland", + "danger": 0, + "image": "/countries/lionland.webp", + "settlements": [], + "history": [] + }, + { + "name": "landrepeatland", + "url": "landrepeatland", + "danger": 0, + "image": "/countries/landrepeatland.webp", + "settlements": [], + "history": [] + }, + { + "name": "Mart's Extraordinarily Sublime State", + "url": "mess", + "danger": 0, + "image": "/countries/mess.webp", + "settlements": [], + "history": [] + }, + { + "name": "Mojave", + "url": "mojave", + "danger": 0, + "image": "/countries/mojave.webp", + "settlements": [], + "history": [] + }, + { + "name": "Open Republic", + "url": "open-republic", + "danger": 0, + "image": "/countries/openrepublic.webp", + "settlements": [], + "history": [] + }, + { + "name": "PLC", + "url": "plc", + "danger": 0, + "image": "/countries/plc.webp", + "settlements": [], + "history": [] + }, + { + "name": "Plutonia Imperium", + "url": "plutonia-imperium", + "danger": 0, + "image": "/countries/plutoniaimperium.webp", + "settlements": [], + "history": [] + }, + { + "name": "The Federal Democracy of Solstice", + "url": "solstice", + "danger": 0, + "image": "/countries/solstice.webp", + "settlements": [], + "history": [] + }, + { + "name": "Southeastern Islands", + "url": "southeastern-islands", + "danger": 1, + "image": "/countries/sei.webp", + "settlements": [ + { + "name": "Forêt Québec", + "danger": 3 + } + ], + "history": [ + "July 15th, 2023: Frequent instances of instability have been surfacing in Forêt Québec lately." + ] + }, + { + "name": "Sulópolis", + "url": "sulopolis", + "danger": 0, + "image": "/countries/sulopolis.webp", + "settlements": [], + "history": [] + }, + { + "name": "TAY", + "url": "tay", + "danger": 0, + "image": "/countries/tay.webp", + "settlements": [], + "history": [] + }, + { + "name": "Union of Soviet Sovereign Republics", + "url": "ussr", + "danger": 0, + "image": "/countries/ussr.webp", + "settlements": [], + "history": [] + }, + { + "name": "Veronian Controlled Territories", + "url": "veronian-controlled-territories", + "danger": 0, + "image": "/countries/vct.webp", + "settlements": [], + "history": [] + }, + { + "name": "Vyxalla", + "url": "vyxalla", + "danger": 0, + "image": "/countries/vyxalla.webp", + "settlements": [], + "history": [] + }, + { + "name": "The Republic of Whale City", + "url": "whale-city", + "danger": 0, + "image": "/countries/whalecity.webp", + "settlements": [], + "history": [] + }, + { + "name": "The Federation of Yavno", + "url": "yavno", + "danger": 0, + "image": "/countries/yavno.webp", + "settlements": [], + "history": [] + }, + { + "name": "The Republic of You on Kazoo", + "url": "you-on-kazoo", + "danger": 0, + "image": "/countries/youonkazoo.webp", + "settlements": [], + "history": [] + } + ] +} -- cgit v1.2.3