feat: edit announcement

src/App.jsx

@@ -42,13 +42,15 @@ const onKeycloakEvent = (event) => {
 const LoadingComponent = (
   <div className="h-screen w-screen flex justify-center items-center">
     <div className="text-center">
+      <div className="flex flex-col md:flex-row items-center space-x-4 text-center mb-2 md:mb-4">
         <img
           src={`${process.env.REACT_APP_STYLEGUIDE_URL}/images/logo-round-black.svg`}
-        className="w-20 mb-2 inline-block"
+          className="w-16 mb-2"
           alt="Pirátská strana"
         />
-      <h1 className="head-heavy-base mb-2">Celostátní fórum 2021</h1>
-      <p>Načítám aplikaci ...</p>
+        <h1 className="head-alt-md md:head-alt-lg">Celostátní fórum 2021</h1>
+      </div>
+      <p className="text-center">Načítám aplikaci ...</p>
     </div>
   </div>
 );

src/actions/announcements.js

@@ -62,7 +62,7 @@ export const updateAnnouncementContent = createAsyncAction(
    * @param {CF2021.Announcement} item
    * @param {string} newContent
    */
-  async (item, newContent) => {
+  async ({ item, newContent }) => {
     return successResult({ item, newContent });
   },
   {

src/components/annoucements/AnnouncementEditModal.jsx

@@ -35,7 +35,7 @@ const AnnouncementEditModal = ({
           <div className="form-field">
             <div className="form-field__wrapper form-field__wrapper--shadowed">
               <textarea
-                className="text-input form-field__control "
+                className="text-input form-field__control text-base"
                 value={text}
                 rows="8"
                 placeholder="Vyplňte text oznámení"

src/containers/AnnoucementsContainer.jsx

@@ -17,7 +17,7 @@ const AnnoucementsContainer = () => {
   const confirmEdit = useCallback(
     async (newContent) => {
       if (itemToEdit && newContent) {
-        await updateAnnouncementContent.run(itemToEdit, newContent);
+        await updateAnnouncementContent.run({ item: itemToEdit, newContent });
         setItemToEdit(null);
       }
     },