Feat: report issues from app dashboard

Author: tonyantony300

README.md

@@ -3,7 +3,6 @@
 ![AltSendme Demo](assets/animation.gif)
 
 [![Report speeds](https://img.shields.io/badge/⚡%20Report%20speeds-30363D?style=for-the-badge)](https://docs.google.com/forms/d/e/1FAIpQLSfdfBh9neAu3_lg3lC0xwwaEmfLrVSMDeVbzBkwBW0m2s23hg/viewform)
-[![Report other issues](https://img.shields.io/badge/🔧%20Report%20other%20issues-30363D?style=for-the-badge)](https://docs.google.com/forms/d/e/1FAIpQLScpzdmmkl2zxbq9RXFtojlALQGAaNgcut4VX6cAnf46RElsSg/viewform?usp=dialog)
 [![Give feedback](https://img.shields.io/badge/💡%20Give%20feedback-30363D?style=for-the-badge)](https://docs.google.com/forms/d/e/1FAIpQLScpzdmmkl2zxbq9RXFtojlALQGAaNgcut4VX6cAnf46RElsSg/viewform?usp=dialog)
 [![Subscribe to receive updates via email](https://img.shields.io/badge/🔔%20receive%20updates-30363D?style=for-the-badge)](https://docs.google.com/forms/d/e/1FAIpQLSdZ_YjMNTm5jvJ_eKjcTafecCUbNel8OD_lDAXnu4uPfr2mSw/viewform?usp=publish-editor)
 [![Sponsor](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#EA4AAA)](https://github.com/sponsors/tonyantony300)
@@ -25,6 +24,16 @@ optionally **interoperable** with [Sendme](https://www.iroh.computer/sendme) CLI
 
 [How it connects remote devices](https://www.iroh.computer/docs/faq)
 
+## Supported Languages
+
+
+- 🇫🇷 French
+- 🇹🇭 Thai
+- 🇩🇪 German
+- 🇨🇳 Chinese
+- 🇯🇵 Japanese
+
+
 ## Installation
 
 The easiest way to get started is by downloading one of the following versions for your respective operating system:
@@ -94,30 +103,9 @@ cd /Applications && xattr -dr com.apple.quarantine AltSendme.app
 The app is open source and safe - the warning is just macOS's gatekeeper for unsigned applications. Code signing will be added in future releases.
 
 
-## Usage
-
-### Sending Files
-
-1. Click on the "Send Files" tab
-2. Either:
-   - Drag and drop a file/folder onto the drop zone
-   - Click "Select File" or "Select Folder" to browse
-3. Click "Start Sharing"
-4. Copy the generated ticket and share it with others
-5. Keep the app open while others download your files
-
-### Receiving Files
-
-1. Click on the "Receive Files" tab
-2. Paste the ticket you received from someone
-3. Click "Receive File"
-4. Files will be saved to folder of your choice
-
-All connections are encrypted and verified using blake3 hashing. The application handles NAT traversal automatically and will use relay servers as a fallback when direct connections aren't possible.
-
 ## CLI Compatibility
 
-The desktop version uses the same core networking library as the CLI version, so:
+The AltSendme uses the same core networking library as the [sendme](https://www.iroh.computer/sendme), so:
 - Tickets generated by CLI can be used in desktop
 - Tickets generated by desktop can be used in CLI
 - Both versions can send/receive to each other
@@ -150,21 +138,13 @@ If you want to contribute or run the app from source:
 This will start the app with hot reload enabled for both frontend and backend changes.
 
 
+### Building Locally
 
-## Architecture
-
-- **Backend**: Rust with Tauri framework
-- **Frontend**: React + TypeScript + Tailwind CSS
-- **Core Logic**: Shared library between CLI and desktop versions
-- **File System**: Uses Tauri's secure file system APIs
-- **Networking**: Same Iroh P2P networking as CLI version
-
-## Troubleshooting
+   ```bash
+   cd src-tauri
+   cargo tauri build --no-bundle
+   ```
 
-- **App won't start**: Make sure you have Rust and Node.js installed
-- **File selection doesn't work**: Check that the app has file system permissions
-- **Network issues**: Same troubleshooting as CLI version (firewall, NAT, etc.)
-- **Build errors**: Try `cargo clean` and rebuild
 
 ## License
 
@@ -175,7 +155,6 @@ AGPL-3.0
 See [PRIVACY.md](PRIVACY.md) for information about how AltSendme handles your data and privacy.
 
 
-
 # Acknowledgements
 
 Built on the shoulders of giants:

package-lock.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "@tauri-apps/plugin-opener": "^2.5.2"
+  }
+}

package.json

@@ -7,6 +7,7 @@ import { VERSION_DISPLAY } from './lib/version'
 import { TranslationProvider } from './i18n'
 import { useTranslation } from './i18n/react-i18next-compat'
 import { LanguageSwitcher } from './components/LanguageSwitcher'
+import { openUrl } from '@tauri-apps/plugin-opener'
 
 function AppContent() {
   const [activeTab, setActiveTab] = useState<'send' | 'receive'>('send')
@@ -126,6 +127,25 @@ function AppContent() {
       </div>
       <div className="w-full h-10 text-center text-xs flex items-center justify-center relative">
         <span>{VERSION_DISPLAY}</span>
+        <button
+          onClick={async () => {
+            try {
+              await openUrl('https://github.com/tonyantony300/alt-sendme/issues/new')
+            } catch (error) {
+              console.error('Failed to open URL:', error)
+            }
+          }}
+          className="absolute left-6 bottom-2 px-2 py-1 text-xs transition-colors hover:opacity-80"
+          style={{
+            color: 'var(--app-main-view-fg)',
+            textDecoration: 'underline',
+            backgroundColor: 'transparent',
+            border: 'none',
+            cursor: 'pointer',
+          }}
+        >
+          {t('reportIssue')}
+        </button>
         <div className="absolute right-4 bottom-2">
           <LanguageSwitcher />
         </div>

web-app/src/App.tsx

@@ -5,6 +5,7 @@
   "ok": "OK",
   "loading": "Wird geladen...",
   "browse": "Durchsuchen",
+  "reportIssue": "Problem melden",
   "sender": {
     "title": "Senden",
     "subtitle": "Dateien oder Ordner über verschlüsselte Peer-to-Peer-Verbindungen teilen.",

web-app/src/locales/de/common.json

@@ -5,6 +5,7 @@
   "ok": "OK",
   "loading": "Loading...",
   "browse": "Browse",
+  "reportIssue": "Report Issue",
   "sender": {
     "title": "Send",
     "subtitle": "Share files or folders via encrypted peer-to-peer connections.",

web-app/src/locales/en/common.json

@@ -5,6 +5,7 @@
   "ok": "OK",
   "loading": "Chargement...",
   "browse": "Parcourir",
+  "reportIssue": "Signaler un problème",
   "sender": {
     "title": "Envoyer",
     "subtitle": "Partagez des fichiers ou dossiers via des connexions pair-à-pair chiffrées.",

web-app/src/locales/fr/common.json

@@ -5,6 +5,7 @@
   "ok": "OK",
   "loading": "読み込み中...",
   "browse": "参照",
+  "reportIssue": "問題を報告",
   "sender": {
     "title": "送信",
     "subtitle": "暗号化されたピアツーピア接続でファイルまたはフォルダを共有します。",

web-app/src/locales/ja/common.json

@@ -5,6 +5,7 @@
   "ok": "ตกลง",
   "loading": "กำลังโหลด...",
   "browse": "เลือก",
+  "reportIssue": "รายงานปัญหา",
   "sender": {
     "title": "ส่ง",
     "subtitle": "แชร์ไฟล์หรือโฟลเดอร์ผ่านการเชื่อมต่อแบบ peer-to-peer ที่เข้ารหัส",

web-app/src/locales/th/common.json

@@ -5,6 +5,7 @@
   "ok": "确定",
   "loading": "加载中...",
   "browse": "浏览",
+  "reportIssue": "报告问题",
   "sender": {
     "title": "发送",
     "subtitle": "通过加密的点对点连接共享文件或文件夹。",