|
2 | 2 |
|
3 | 3 | import React, { useState, useEffect } from "react"; |
4 | 4 | import { SiSqlite, SiGithub } from "react-icons/si"; |
5 | | -import { FaCloudUploadAlt, FaDatabase } from "react-icons/fa"; |
| 5 | +import { FaCloudUploadAlt, FaDatabase, FaLock } from "react-icons/fa"; |
6 | 6 |
|
7 | 7 | interface TabsProps { |
8 | 8 | tabs: string[]; |
@@ -60,7 +60,9 @@ export default function Home() { |
60 | 60 | if (!file) return alert("Please select a file first."); |
61 | 61 |
|
62 | 62 | if (file.size > 50 * 1024 * 1024) { |
63 | | - return alert("File size exceeds the 50MB limit."); |
| 63 | + return alert( |
| 64 | + "File size exceeds the 50MB limit. That's a good thing though because unless you're NASA, your pc would probably explode.", |
| 65 | + ); |
64 | 66 | } |
65 | 67 |
|
66 | 68 | const fileExtension = file.name.split(".").pop()?.toLowerCase(); |
@@ -168,19 +170,33 @@ export default function Home() { |
168 | 170 | <SiSqlite /> |
169 | 171 | SQLite Reader |
170 | 172 | </h1> |
171 | | - <a |
172 | | - className="px-4 py-2 rounded hover:bg-blue-600 transition inline-flex items-center gap-2" |
173 | | - href="https://github.com/GalvinPython/sqlite-viewer" |
174 | | - rel="noopener noreferrer" |
175 | | - style={{ |
176 | | - backgroundColor: "var(--button-bg)", |
177 | | - color: "var(--button-text-color)", |
178 | | - }} |
179 | | - target="_blank" |
180 | | - > |
181 | | - <SiGithub /> |
182 | | - View on GitHub |
183 | | - </a> |
| 173 | + <div className="flex gap-4"> |
| 174 | + <a |
| 175 | + className="px-4 py-2 rounded hover:bg-blue-600 transition inline-flex items-center gap-2" |
| 176 | + href="https://github.com/GalvinPython/sqlite-viewer" |
| 177 | + rel="noopener noreferrer" |
| 178 | + style={{ |
| 179 | + backgroundColor: "var(--button-bg)", |
| 180 | + color: "var(--button-text-color)", |
| 181 | + }} |
| 182 | + target="_blank" |
| 183 | + > |
| 184 | + <SiGithub /> |
| 185 | + View on GitHub |
| 186 | + </a> |
| 187 | + <button |
| 188 | + className="px-4 py-2 rounded transition inline-flex items-center gap-2 cursor-not-allowed opacity-50" |
| 189 | + style={{ |
| 190 | + backgroundColor: "var(--button-bg)", |
| 191 | + color: "var(--button-text-color)", |
| 192 | + }} |
| 193 | + title="Coming soon 👀" |
| 194 | + onClick={(e) => e.preventDefault()} |
| 195 | + > |
| 196 | + <FaLock /> |
| 197 | + Coming Soon |
| 198 | + </button> |
| 199 | + </div> |
184 | 200 | </header> |
185 | 201 |
|
186 | 202 | <div className="flex justify-center mb-12"> |
|
0 commit comments