[PR #1870] [MERGED] feat: Show loading indicator while export file is being generated #1787 #1914

New issue

Closed

opened 2026-03-02 11:59:44 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 11:59:44 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/karakeep-app/karakeep/pull/1870
Author: @Ahmed-Abdel-karim
Created: 8/24/2025
Status: ✅ Merged
Merged: 9/7/2025
Merged by: @MohamedBassem

Base: main ← Head: feat/add-loading-indicator-to-export-button

📝 Commits (1)

e5f49ba feat: Show loading indicator while file is being generated #1787

📊 Changes

1 file changed (+51 additions, -7 deletions)

View changed files

📝 apps/web/components/settings/ImportExport.tsx (+51 -7)

📄 Description

Summary

Add a loading indicator to the export button #1787

Changes

Use button instead of Link for starting the export
Use Fetch API to create a function that starts the download process
Wrap this function with useQuery to track the loading state
Disable the export button and show a spinner while fetching the export data
Create a download link dynamically and start the download
show a toast if an error occurred

https://github.com/user-attachments/assets/53c14212-36d9-4361-802a-5deaa97d20db

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/karakeep-app/karakeep/pull/1870 **Author:** [@Ahmed-Abdel-karim](https://github.com/Ahmed-Abdel-karim) **Created:** 8/24/2025 **Status:** ✅ Merged **Merged:** 9/7/2025 **Merged by:** [@MohamedBassem](https://github.com/MohamedBassem) **Base:** `main` ← **Head:** `feat/add-loading-indicator-to-export-button` --- ### 📝 Commits (1) - [`e5f49ba`](https://github.com/karakeep-app/karakeep/commit/e5f49ba89678da5adfccb965db36a64f1bdf4a17) feat: Show loading indicator while file is being generated #1787 ### 📊 Changes **1 file changed** (+51 additions, -7 deletions) <details> <summary>View changed files</summary> 📝 `apps/web/components/settings/ImportExport.tsx` (+51 -7) </details> ### 📄 Description ## Summary Add a loading indicator to the export button #1787 --- ### Changes - Use `button` instead of `Link` for starting the export - Use **Fetch API** to create a function that starts the download process - Wrap this function with `useQuery` to track the loading state - Disable the export button and show a spinner while fetching the export data - Create a download link dynamically and start the download - show a toast if an error occurred https://github.com/user-attachments/assets/53c14212-36d9-4361-802a-5deaa97d20db --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-02 11:59:44 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/karakeep#1914

No description provided.

Rows
Columns