feat: improve discussion-related messages

src/pages/Home.jsx

@@ -11,7 +11,6 @@ import {
   renameProgramPoint,
 } from "actions/program";
 import { DropdownMenu, DropdownMenuItem } from "components/dropdown-menu";
-import ErrorMessage from "components/ErrorMessage";
 import {
   AlreadyFinished,
   BreakInProgress,
@@ -293,30 +292,24 @@ const Home = () => {
           <div className="flex flex-col xl:flex-row xl:justify-between xl:items-center mb-4">
             <h2 className="head-heavy-xs md:head-heavy-sm whitespace-no-wrap">
               <span>Příspěvky v rozpravě</span>
-              {!programEntry.discussionOpened && (
-                <i
-                  className="ico--lock text-black ml-2 opacity-50 hover:opacity-100 transition duration-500 text-xl"
-                  title="Rozprava je uzavřena"
-                />
-              )}
             </h2>
             <PostFilters />
           </div>
 
           {!programEntry.discussionOpened &&
             (!isAuthenticated || (isAuthenticated && !user.isBanned)) && (
-              <p className="leading-normal">
+              <p className="alert alert--light items-center mb-4 elevation-4">
+                <i className="alert__icon ico--lock text-lg" />
                 Rozprava je uzavřena - příspěvky teď nelze přidávat.
               </p>
             )}
-          {programEntry.discussionOpened &&
-            isAuthenticated &&
-            user.isBanned && (
-              <ErrorMessage className="mt-8">
-                Jejda! Nemůžeš přidávat příspěvky, protože máš ban. Vyčkej než
-                ti ho předsedající odebere.
-              </ErrorMessage>
-            )}
+          {programEntry.discussionOpened && isAuthenticated && user.isBanned && (
+            <p className="alert alert--error items-center mb-4">
+              <i className="alert__icon ico--warning text-lg" />
+              Jejda! Nemůžeš přidávat příspěvky, protože máš ban. Vyčkej než ti
+              ho předsedající odebere.
+            </p>
+          )}
           {programEntry.discussionOpened &&
             isAuthenticated &&
             !user.isBanned && <AddPostForm className="mb-8" />}