Skip to content

Instantly share code, notes, and snippets.

@EvanMarie
Created September 10, 2024 18:10
Show Gist options
  • Save EvanMarie/74be7071ad641ba021f8d1162babf2aa to your computer and use it in GitHub Desktop.
Save EvanMarie/74be7071ad641ba021f8d1162babf2aa to your computer and use it in GitHub Desktop.
export function JsonError({ jsonError }: { jsonError: string | null }) {
return (
// Display JSON error message if present
<HStack className="absolute z-10 px-[1vh] py-[0px] bottom-[1vh] left-[1vh] bg-col-pink bg-gradient-to-br from-fuchsia-380 via-fuchsia-360 to-fuchsia-380 w-fit max-w-80% items-center border-400-lg shadowNarrowTight">
<Icon icon={MdErrorOutline} iconClassName="text-col-900 text-[2.3vh]" />
<Text className="text-col-900 text-stroke-5-900 text-sm">
{jsonError}
</Text>
</HStack>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment