dev day #70

frontend/src/pages/HomePage.tsx

@@ -1580,10 +1580,19 @@ const HomePage: React.FC = () => {
             (matchingStanding.rows && matchingStanding.rows.length > 0)
           );
 
+          const showNews = isVisible('news', true);
+          const showTable = isVisible('table', true) && hasStandingsForCurrentTab;
+          const variant = showNews && showTable ? undefined : 'standard';
+          if (!showNews && !showTable) return null;
+
           return (
-            <>
-              {isVisible('news', true) && (
-                <section data-element="news" className="news-list" style={{ marginTop: 32, ...getStyles('news') }}>
+            <section
+              className="standings"
+              data-variant={variant}
+              style={{ marginTop: 32 }}
+            >
+              {showNews && (
+                <section data-element="news" className="news-list" style={{ ...getStyles('news') }}>
                   <div className="section-head" style={{ marginTop: 0 }}>
                     <h3>Další aktuality</h3>
                   </div>
@@ -1610,12 +1619,8 @@ const HomePage: React.FC = () => {
                 </section>
               )}
 
-              {isVisible('table', true) && hasStandingsForCurrentTab && (
-                <section 
-                  data-element="table" 
-                  className="standings" 
-                  style={{ marginTop: 32, ...getStyles('table') }}
-                >
+              {showTable && (
+                <div data-element="table" style={{ ...getStyles('table') }}>
                   <div className="table-card">
                     <div className="section-head" style={{ marginTop: 0, marginBottom: 12 }}>
                       <h3>Tabulky</h3>
@@ -1699,9 +1704,9 @@ const HomePage: React.FC = () => {
                       </table>
                     </div>
                   </div>
-                </section>
+                </div>
               )}
-            </>
+            </section>
           );
         })()}