events date range 7days

app/(app)/events/page.tsx

@@ -7,8 +7,8 @@ import { Event, EventType } from '@/lib/types';
 
 export default function EventsPage() {
   const [dateRange, setDateRange] = useState({
-    from: new Date('2024-02-01'),
-    to: new Date('2025-03-05')
+    from: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000), // 7天前
+    to: new Date() // 今天
   });
 
   const [loading, setLoading] = useState(true);
@@ -227,6 +227,24 @@ export default function EventsPage() {
               className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
             />
           </div>
+          <div>
+            <select
+              value={filters.tags.length > 0 ? filters.tags[0] : ''}
+              onChange={(e) => {
+                const selectedTag = e.target.value;
+                setFilters(prev => ({ 
+                  ...prev, 
+                  tags: selectedTag ? [selectedTag] : [] 
+                }));
+              }}
+              className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
+            >
+              <option value="">所有标签</option>
+              {tags.map(tag => (
+                <option key={tag} value={tag}>{tag}</option>
+              ))}
+            </select>
+          </div>
           <div>
             <select
               value={filters.sortBy}
@@ -250,33 +268,6 @@ export default function EventsPage() {
           </div>
         </div>
         
-        {/* 标签选择 */}
-        <div className="mt-4">
-          <h3 className="text-sm font-medium mb-2">标签</h3>
-          <div className="flex flex-wrap gap-2">
-            {tags.map(tag => (
-              <button
-                key={tag}
-                onClick={() => {
-                  setFilters(prev => ({
-                    ...prev,
-                    tags: prev.tags.includes(tag)
-                      ? prev.tags.filter(t => t !== tag)
-                      : [...prev.tags, tag]
-                  }));
-                }}
-                className={`px-2 py-1 rounded-full text-sm font-medium ${
-                  filters.tags.includes(tag)
-                    ? 'bg-blue-500 text-white'
-                    : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                }`}
-              >
-                {tag}
-              </button>
-            ))}
-          </div>
-        </div>
-
         <div className="mt-4 flex justify-end">
           <button
             onClick={resetFilters}