Vylepšené loadery

client/src/components/Loader.tsx

@@ -0,0 +1,19 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+
+type Props = {
+  title?: String,
+  icon: IconDefinition,
+  description: String,
+  animation?: String,
+}
+
+function Loader(props: Props) {
+  return <div className='loader'>
+    <h1>{props.title || 'Prosím čekejte...'}</h1>
+    <FontAwesomeIcon icon={props.icon} className={`loader-icon mb-3 ` + (props.animation ?? '')} />
+    <p>{props.description}</p>
+  </div>
+}
+
+export default Loader;