Mckay Wrigley
6500db9c1c
* move index to home folder, create state and context files and barrell folder * Sanity Check Commit: reducer added to home.tsx manual QA all working * WIP: promptBar * fix missing json parse on folders and prompts * split context and add promptbar context * add context to nested prompt componets and componetize Folder componet * remove log * Create buttons folder and componetize sidebar action button * tidy up prompt handlers * componetized sidebar * added back chatbar componet to left side sidebar * monster commit: Componetized the common code between chatbar and promptbar into new componet Sidebar and added context to both bars * add useFetch service * added prettier import sort to keep imports ordered and easier to indentify * added react query and useFetch to work with RQ * added apiService, errorService and reactQuery * add callback and tidy up error service * refactor chat and child componets to useContext * fix extra calls and bad calls to mel endpoint * minor import cleanup --------- Co-authored-by: jc.durbin <jc.durbin@ardanis.com>
29 lines
789 B
TypeScript
29 lines
789 B
TypeScript
import { IconCircleX } from '@tabler/icons-react';
|
|
import { FC } from 'react';
|
|
|
|
import { ErrorMessage } from '@/types/error';
|
|
|
|
interface Props {
|
|
error: ErrorMessage;
|
|
}
|
|
|
|
export const ErrorMessageDiv: FC<Props> = ({ error }) => {
|
|
return (
|
|
<div className="mx-6 flex h-full flex-col items-center justify-center text-red-500">
|
|
<div className="mb-5">
|
|
<IconCircleX size={36} />
|
|
</div>
|
|
<div className="mb-3 text-2xl font-medium">{error.title}</div>
|
|
{error.messageLines.map((line, index) => (
|
|
<div key={index} className="text-center">
|
|
{' '}
|
|
{line}{' '}
|
|
</div>
|
|
))}
|
|
<div className="mt-4 text-xs opacity-50 dark:text-red-400">
|
|
{error.code ? <i>Code: {error.code}</i> : ''}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|