etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: hide empty blocks in connection installation guide

Browse Source 
Filter out blocks with no title, description, or buttons
instead of rendering empty cards/accordions/timeline items.
This commit is contained in:
Fringg
2026-02-18 09:17:10 +03:00
parent 8207368ef7
commit 96f9a719fd
4 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/connection/blocks/AccordionBlock.tsx
View File

@@ -13,9 +13,15 @@ export function AccordionBlock({
}: BlockRendererProps) {
const [openIndex, setOpenIndex] = useState<number | null>(0);
const visibleBlocks = blocks.filter(
(b) => getLocalizedText(b.title) || getLocalizedText(b.description) || b.buttons?.length,
);
if (!visibleBlocks.length) return null;
return (
<div className="space-y-2">
{blocks.map((block, index) => {
{visibleBlocks.map((block, index) => {
const gradientStyle = getColorGradient(block.svgIconColor || 'cyan', isLight);
const isOpen = openIndex === index;

8
src/components/connection/blocks/CardsBlock.tsx
View File

@@ -10,9 +10,15 @@ export function CardsBlock({
getSvgHtml,
renderBlockButtons,
}: BlockRendererProps) {
const visibleBlocks = blocks.filter(
(b) => getLocalizedText(b.title) || getLocalizedText(b.description) || b.buttons?.length,
);
if (!visibleBlocks.length) return null;
return (
<div className="space-y-3">
{blocks.map((block, index) => {
{visibleBlocks.map((block, index) => {
const gradientStyle = getColorGradient(block.svgIconColor || 'cyan', isLight);
return (

10
src/components/connection/blocks/MinimalBlock.tsx
View File

@@ -10,11 +10,17 @@ export function MinimalBlock({
getSvgHtml,
renderBlockButtons,
}: BlockRendererProps) {
const visibleBlocks = blocks.filter(
(b) => getLocalizedText(b.title) || getLocalizedText(b.description) || b.buttons?.length,
);
if (!visibleBlocks.length) return null;
return (
<div>
{blocks.map((block, index) => {
{visibleBlocks.map((block, index) => {
const gradientStyle = getColorGradient(block.svgIconColor || 'cyan', isLight);
const isLast = index === blocks.length - 1;
const isLast = index === visibleBlocks.length - 1;
return (
<div

10
src/components/connection/blocks/TimelineBlock.tsx
View File

@@ -10,11 +10,17 @@ export function TimelineBlock({
getSvgHtml,
renderBlockButtons,
}: BlockRendererProps) {
const visibleBlocks = blocks.filter(
(b) => getLocalizedText(b.title) || getLocalizedText(b.description) || b.buttons?.length,
);
if (!visibleBlocks.length) return null;
return (
<div className="space-y-0">
{blocks.map((block, index) => {
{visibleBlocks.map((block, index) => {
const gradientStyle = getColorGradientSolid(block.svgIconColor || 'cyan', isLight);
const isLast = index === blocks.length - 1;
const isLast = index === visibleBlocks.length - 1;
return (
<div key={index} className="flex gap-3 sm:gap-4">