Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[Feat]: Table view: auto-refresh data on an interval

Closed
  • Is something wrong?
#868 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

A pull request for this has already been merged.

  • #915 by @Detoy — merged

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
72/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Active
Tech stack
react, typescript
Domain
database

Research direction

Start by reading src/components/ui/TableToolbar.tsx, src/pages/Editor.tsx and src/types/editor.ts to trace how refresh, tab state and query status are handled. Check src/hooks/ and the existing hook tests for patterns, then add fake-timer tests for the new hook. Done means the interval options and active state work, refreshes respect the listed skip conditions without overlap, and the timer stops for inactive or closed tabs.

Written by the indexing model from the issue text.

Description

feature request help wanted
🚀 Feature Proposal

Add an auto-refresh option to table tabs: re-run the current table query every 5 / 10 / 30 / 60 seconds.

Motivation

Watching a queue, a log table or a job table fill up currently means pressing refresh over and over.

Where to start
  • src/components/ui/TableToolbar.tsx: a small dropdown next to the refresh action, with a visible "active" state.
  • src/hooks/: a useAutoRefresh(intervalMs, enabled, callback) hook that calls the existing handleRefresh in src/pages/Editor.tsx.
  • Keep the interval per tab (src/types/editor.ts) or local to the toolbar.
Acceptance criteria
  • Options: Off / 5s / 10s / 30s / 60s; the active interval is visible in the toolbar.
  • Refresh is skipped while there are pending edits, inserts or deletes, while a cell is being edited, or while a query is still running; requests never overlap.
  • The timer stops when the tab is closed or not active.
  • Current page, sort, filter and scroll position are preserved.
  • Unit tests for the hook (fake timers).
Contributor notes
  • Follow the repo rules in .rules/ (TypeScript, React, design tokens, accessibility, testing).
  • Any new UI string needs a key in every locale under src/i18n/locales/.
  • Run pnpm lint, pnpm typecheck and pnpm test before opening the PR.
  • Questions? Ask here or on Discord.
Dominant language
TypeScript
Stars
5.1k
Forks
335
Avg merge
1d 8h
Merged PRs (30d)
246

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from TabularisDB/tabularis

All issues in TabularisDB/tabularis

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.