fix: Remove unused error variables in catch blocks

- Remove unused 'error' parameters from catch blocks to fix linting
- Apply code formatting with prettier
- Ensure TypeScript linting compliance

Author: Ruthwik000

pull-request-description.md

@@ -0,0 +1,125 @@
+# Pull Request: Fix Copy-Code Console Error
+
+## 📝 Description
+
+This PR fixes the console error in the copy-code utility that was generating unnecessary noise when no code content was found to copy. The changes improve cross-browser compatibility and provide user-friendly visual feedback instead of developer-focused console errors.
+
+**Key Improvements:**
+- Replace console.error with user-friendly visual feedback
+- Add secure context check for modern clipboard API
+- Enhance fallback method for older browsers and HTTP contexts
+- Add mobile device support with setSelectionRange
+- Implement visual success/error states on copy buttons
+- Improve error handling with graceful degradation
+
+Fixes console noise when copy operation fails and ensures copy functionality works across all browsers including Firefox, Safari, and older browser versions.
+
+## 🔗 Related Issue
+
+Fixes #493 - Copy-Code Error Handling
+
+## 🔄 Type of Change
+
+- [x] 🐛 Bug Fix
+- [x] ⚡ Performance Improvement
+- [x] ♿ Accessibility Enhancement
+
+## 📷 Visual Changes
+
+<details>
+<summary>Screenshots / GIFs</summary>
+
+**Before:** Console error appears when copy fails
+**After:** Visual button feedback (green "Copied!" or red "Failed") with no console errors
+
+</details>
+
+## 🧪 Testing Performed
+
+### 📱 Browser Compatibility
+
+- [x] Chrome (Version: Latest)
+- [x] Firefox (Version: Latest)
+- [x] Safari (Version: Latest)
+- [x] Edge (Version: Latest)
+- [x] Mobile Chrome (Device: Android/iOS)
+- [x] Mobile Safari (Device: iOS)
+
+### 🖥️ Responsive Design
+
+- [x] Desktop (1200px+)
+- [x] Tablet (768px - 1199px)
+- [x] Mobile (320px - 767px)
+
+### ✅ Test Cases
+
+1. Copy code blocks in modern browsers (Chrome, Edge, Firefox)
+2. Copy code blocks in older browsers with clipboard API disabled
+3. Copy code blocks on mobile devices
+4. Test copy functionality over HTTP vs HTTPS
+5. Test with malformed code blocks (missing data-code attribute)
+6. Verify no console errors appear during failed copy operations
+
+## ♿ Accessibility
+
+- [x] Proper heading hierarchy maintained
+- [x] ARIA labels added where needed (aria-label on copy buttons)
+- [x] Color contrast requirements met
+- [x] Keyboard navigation works correctly
+- [x] Screen reader testing performed
+
+## 📋 PR Checklist
+
+- [x] My code follows the project's coding style guidelines
+- [x] I have tested these changes locally
+- [x] I have updated the documentation accordingly
+- [x] My changes generate no new warnings or console errors
+- [x] I have added tests that prove my fix/feature works
+- [x] All existing tests pass successfully
+- [x] I have checked for and resolved any merge conflicts
+- [x] I have optimized images/assets (if applicable)
+- [x] I have validated all links are working correctly
+
+## 💭 Additional Notes
+
+This fix addresses the user experience issue where developers would see console errors during normal website usage. The new implementation:
+
+1. **Gracefully handles all browser scenarios** without generating console noise
+2. **Provides immediate visual feedback** to users about copy success/failure
+3. **Maintains backward compatibility** with older browsers
+4. **Improves mobile experience** with enhanced text selection
+
+The changes are minimal and focused, ensuring no breaking changes to existing functionality while significantly improving the user experience across all browsers and devices.
+
+## 🔧 Technical Details
+
+### Before (Issues):
+```javascript
+if (!codeContent) {
+  console.error('No code content found to copy'); // ❌ Console noise
+  return;
+}
+```
+
+### After (Fixed):
+```javascript
+if (!codeContent) {
+  showErrorFeedback(button, 'No content to copy'); // ✅ User feedback
+  return;
+}
+```
+
+### Cross-Browser Compatibility:
+- **Modern browsers (HTTPS)**: Uses `navigator.clipboard.writeText()`
+- **Older browsers / HTTP**: Falls back to `document.execCommand('copy')`
+- **Mobile devices**: Enhanced with `setSelectionRange()` for better text selection
+- **Failed operations**: Visual feedback instead of console errors
+
+---
+
+### 📚 Reviewer Resources
+- [Contributing Guide](https://github.com/sugarlabs/www-v2/blob/main/docs/CONTRIBUTING.md)
+- [Style Guide](https://github.com/sugarlabs/www-v2/blob/main/docs/dev_guide.md)
+- [Community Chat](https://matrix.to/#/#sugarlabs-web:matrix.org)
+
+Thank you for contributing to the Sugar Labs website! 🎉

src/utils/copy-code.ts

@@ -34,7 +34,7 @@ async function copyToClipboard(
       await navigator.clipboard.writeText(text);
       showSuccessMessage(button);
       return;
-    } catch (error) {
+    } catch {
       // Fall through to legacy method
     }
   }
@@ -61,7 +61,7 @@ async function copyToClipboard(
     } else {
       showErrorFeedback(button, 'Copy failed - please copy manually');
     }
-  } catch (error) {
+  } catch {
     showErrorFeedback(button, 'Copy not supported in this browser');
   }
 }