admin/tool-website
2
0
Fork 0
mirror of https://github.com/danielvici/tool-website.git synced 2026-01-16 19:41:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Version 0.2.0: Added Settings and Changelog pages, Color Converter, enhanced QR generator, Currency converter, Number Converter, Scientific Calculator; Removed bookmarked websites; Updated navigation and added favicon

Browse Source
This commit is contained in:
danielvici123
2025-05-16 20:58:40 +02:00
parent 32f339fbda
commit 78e7c50f05
1 changed files with 0 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
app/components/AddWebsite.tsx
View File

@@ -1,115 +0,0 @@
'use client'
import { useState } from 'react'
import { PinnedWebsite } from '../types/types'
export default function AddWebsite() {
const [url, setUrl] = useState('')
const [title, setTitle] = useState('')
const [isAdding, setIsAdding] = useState(false)
const formatUrl = (inputUrl: string) => {
// Remove leading/trailing whitespace
let formattedUrl = inputUrl.trim()
// If URL doesn't start with a protocol, add https://
if (!formattedUrl.match(/^https?:\/\//i)) {
formattedUrl = 'https://' + formattedUrl
}
return formattedUrl
}
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault()
const formattedUrl = formatUrl(url)
// Validate URL
try {
new URL(formattedUrl)
} catch {
alert('Please enter a valid URL')
return
}
const newWebsite: PinnedWebsite = {
id: Date.now().toString(),
title: title || formattedUrl,
url: formattedUrl,
addedAt: Date.now()
}
// Load existing websites
const existingWebsites = JSON.parse(localStorage.getItem('pinnedWebsites') || '[]')
// Add new website
localStorage.setItem('pinnedWebsites', JSON.stringify([...existingWebsites, newWebsite]))
// Reset form
setUrl('')
setTitle('')
setIsAdding(false)
// Reload page to show new website
window.location.reload()
}
return (
<div className="mb-6">
{!isAdding ? (
<button
onClick={() => setIsAdding(true)}
className="w-full p-4 border border-dashed border-gray-700 rounded-lg text-gray-400 hover:border-blue-500 hover:text-blue-500 transition-colors"
>
+ Add New Website
</button>
) : (
<form onSubmit={handleSubmit} className="bg-zinc-800 p-4 rounded-lg space-y-4">
<div>
<label className="block text-sm font-medium text-gray-300 mb-1">
URL
</label>
<input
type="text"
value={url}
onChange={(e) => setUrl(e.target.value)}
placeholder="example.com"
className="w-full bg-zinc-700 text-white rounded-md border border-gray-600 p-2"
required
/>
<p className="text-sm text-gray-400 mt-1">
HTTPS will be added automatically if not provided
</p>
</div>
<div>
<label className="block text-sm font-medium text-gray-300 mb-1">
Title (optional)
</label>
<input
type="text"
value={title}
onChange={(e) => setTitle(e.target.value)}
placeholder="My Website"
className="w-full bg-zinc-700 text-white rounded-md border border-gray-600 p-2"
/>
</div>
<div className="flex space-x-3">
<button
type="submit"
className="flex-1 bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors"
>
Add
</button>
<button
type="button"
onClick={() => setIsAdding(false)}
className="flex-1 bg-zinc-700 text-white py-2 px-4 rounded-md hover:bg-zinc-600 transition-colors"
>
Cancel
</button>
</div>
</form>
)}
</div>
)
}