diff --git a/frontend/src/components/Alert/DangerAlert.tsx b/frontend/src/components/Alert/DangerAlert.tsx new file mode 100644 index 0000000..e2fc4e5 --- /dev/null +++ b/frontend/src/components/Alert/DangerAlert.tsx @@ -0,0 +1,33 @@ +import React from 'react'; + +const DangerAlert: React.FC = ({ message }) => { + return ( +
+
+ + + +
+
+
+ There were 1 errors with your submission +
+
    +
  • {message}
    • +
+
+
+ ); +}; + +export default DangerAlert; diff --git a/frontend/src/components/Alert/GoodAlert.tsx b/frontend/src/components/Alert/GoodAlert.tsx new file mode 100644 index 0000000..e2433f7 --- /dev/null +++ b/frontend/src/components/Alert/GoodAlert.tsx @@ -0,0 +1,31 @@ +import React from 'react'; + +const GoodAlert: React.FC = ({ message }) => { + return ( +
+
+ + + +
+
+
+ Message Sent Successfully +
+

{message}

+
+
+ ); +}; + +export default GoodAlert; diff --git a/frontend/src/components/Alert/WarningAlert.tsx b/frontend/src/components/Alert/WarningAlert.tsx new file mode 100644 index 0000000..ea09d23 --- /dev/null +++ b/frontend/src/components/Alert/WarningAlert.tsx @@ -0,0 +1,30 @@ +import React from 'react'; + +const WarningALert: React.FC = ({ message }) => { + return ( +
+
+ + + +
+
+
+ Attention needed +
+

{message}

+
+
+ ); +}; + +export default WarningALert; diff --git a/frontend/src/types/general.ts b/frontend/src/types/general.ts new file mode 100644 index 0000000..c0c7cf1 --- /dev/null +++ b/frontend/src/types/general.ts @@ -0,0 +1,3 @@ +interface Message { + message: string; +}