Skip to content

feat: Add feed/tile view toggle & centralized UI configuration - #4

Merged
itshakemd merged 11 commits into
mainfrom
dev
Sep 20, 2026
Merged

itshakemd merged 11 commits into
mainfrom
dev

Conversation

@itshakemd

Copy link
Copy Markdown
Owner

closes #3

Summary

This PR introduces two major features:

  1. Feed/Tile View Toggle — Users can switch between a classic feed layout and a tile (masonry) layout for browsing posts.
  2. Centralized UI Configuration — A single config.json manifest that controls the visibility and behavior of key UI features across the app.

Changes

Feed/Tile View Toggle

  • Added a segmented control toggle (Feed / Tile) below the search bar in the Feed component.
  • Updated PostCard to support both layouts:
    • Feed mode: Compact horizontal list with a small thumbnail on the right.
    • Tile mode: Card-based layout with a large image on top and multi-line text.
  • Implemented a masonry layout using CSS columns for tile view, allowing cards to retain their natural height instead of stretching to match the tallest card in the row.

Centralized UI Configuration (app/config.json)

Added a JSON configuration file that controls the following features:

Key Type Description
siteTitle string Site title displayed in the top bar and homepage
feedTileToggle boolean Show/hide the feed/tile layout switcher
defaultView string Default layout on load ("feed" or "tile")
searchBar boolean Show/hide the search bar
postCounter boolean Show/hide the post count label
postImages boolean Show/hide post thumbnail images
aiToggle boolean Show/hide the AI chat button in the top bar
tagFilterChar string Character used to trigger tag filtering
categoryFilterChar string Character used to trigger category filtering

Files Changed

  • app/config.json — [NEW] Centralized UI configuration manifest.
  • app/components/Feed.tsx — Added view toggle, config-driven rendering for search bar, post counter, filter characters, and site title.
  • app/components/PostCard.tsx — Added support for feed/tile layouts with config-driven image visibility.
  • app/components/TopBar.tsx — Config-driven site title and AI chat button visibility.

@vercel

vercel Bot commented Sep 20, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
doc-up Ready Ready Preview Sep 20, 2026 6:01am UTC

@itshakemd
itshakemd merged commit 666ad48 into main Sep 20, 2026
2 of 3 checks passed

This branch was successfully deployed

1 active deployment
Preview — 9a4b74c9 Deployed Sep 20, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Allow users to disable or hide the AI assistant

1 participant