diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/PSA.js | 7 | ||||
| -rw-r--r-- | components/travel-advisory/ListCountries.js | 4 | ||||
| -rw-r--r-- | components/updates/PostPreview.js | 2 |
3 files changed, 9 insertions, 4 deletions
diff --git a/components/PSA.js b/components/PSA.js index 8dad8b3..06bf9ba 100644 --- a/components/PSA.js +++ b/components/PSA.js @@ -11,11 +11,16 @@ const PSA = () => { 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 2: + case 3: important = "EMERGENCY!" styleImportant = "bg-red-800" defaultStyle += ' ' + styleImportant diff --git a/components/travel-advisory/ListCountries.js b/components/travel-advisory/ListCountries.js index 03665ef..078af5c 100644 --- a/components/travel-advisory/ListCountries.js +++ b/components/travel-advisory/ListCountries.js @@ -3,7 +3,7 @@ import countriesData from '@/app/travel-advisory/countries.json' assert { type: import HistoryModal from "@/components/travel-advisory/HistoryModal"; import { useState } from "react"; -function getDangerLevel(danger) { +export function getDangerLevel(danger) { let dangerLevel; switch (danger) { case 0: @@ -26,7 +26,7 @@ function getDangerLevel(danger) { return dangerLevel; } -export default function Countries(){ +export function Countries(){ // eslint-disable-next-line react-hooks/rules-of-hooks const [showModal, setShowModal] = useState(false); const [selectedCountry, setSelectedCountry] = useState(null); diff --git a/components/updates/PostPreview.js b/components/updates/PostPreview.js index ca261c0..ec9183d 100644 --- a/components/updates/PostPreview.js +++ b/components/updates/PostPreview.js @@ -7,7 +7,7 @@ export default function PostPreview(props) { <Link href={`/updates/${props.slug}`}> <h2 className="font-medium text-2xl hover:underline">{props.title}</h2> </Link> - <span>By {props.author}</span> + <span className="text-sm">{props.author}</span> <p>{props.description}</p> <p className="font-medium text-sm">Posted on {DateFormatter(props.date)}</p> </div> |