Merge pull request #10 from TensorBlock/file-upload-support

Fix: Change upload file button icon

Author: Working-bot999

src/components/chat/FileUploadButton.tsx

@@ -1,6 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { FileUploadService } from '../../services/file-upload-service';
 import { SettingsService } from '../../services/settings-service';
+import { Paperclip } from 'lucide-react';
 
 interface FileUploadButtonProps {
   onFilesSelected: (files: File[]) => void;
@@ -63,13 +64,7 @@ const FileUploadButton: React.FC<FileUploadButtonProps> = ({
         className="flex items-center justify-center w-8 h-8 text-gray-500 rounded-full hover:text-gray-700 hover:bg-gray-100 focus:outline-none"
         title="Upload file"
       >
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" className="w-5 h-5">
-          <path 
-            fillRule="evenodd" 
-            d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z" 
-            clipRule="evenodd" 
-          />
-        </svg>
+        <Paperclip size={20} />
       </button>
       <input
         ref={fileInputRef}