@blu1606/create-walrus-app 0.1.4 → 2.0.0

package/templates/simple-upload/src/components/FilePreview.tsx

@@ -1,40 +0,0 @@
-import { useState } from 'react';
-import { useDownload } from '../hooks/useStorage.js';
-
-export function FilePreview() {
-  const [blobId, setBlobId] = useState('');
-  const { data, isLoading, error } = useDownload(blobId);
-
-  const handleDownload = () => {
-    if (!data) return;
-
-    const blob = new Blob([data]);
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `walrus-${blobId.slice(0, 8)}.bin`;
-    a.click();
-    URL.revokeObjectURL(url);
-  };
-
-  return (
-    <div className="file-preview">
-      <input
-        type="text"
-        placeholder="Enter Blob ID"
-        value={blobId}
-        onChange={(e) => setBlobId(e.target.value)}
-      />
-
-      {isLoading && <p>Loading...</p>}
-      {error && <p className="error">Error: {error.message}</p>}
-
-      {data && (
-        <div className="preview-content">
-          <p>✓ Blob found ({data.byteLength} bytes)</p>
-          <button onClick={handleDownload}>Download File</button>
-        </div>
-      )}
-    </div>
-  );
-}

package/templates/simple-upload/src/styles.css

@@ -1,33 +0,0 @@
-.simple-upload-app {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-section {
-  margin: 2rem 0;
-  padding: 1.5rem;
-  border: 1px solid #333;
-  border-radius: 8px;
-}
-
-.upload-form,
-.file-preview {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.file-info {
-  background: #1a1a1a;
-  padding: 1rem;
-  border-radius: 4px;
-}
-
-.error {
-  color: #ff4444;
-}
-
-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}