react-verse/src/components/ErrorMessage.jsx at 76d4e033018d9a34fb32e0ea0b1b99d375b05a2b · harshit-sharma2005/react-verse · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
export default function ErrorMessage({ error, message, onRetry }) {
  if (!error && !message) return null;

  const displayMessage = message || error?.toString() || 'An error occurred';

  return (
    <div className="error">
      <div className="error-message">
        ❌ {displayMessage}
      </div>
      {onRetry && (
        <button
          className="retry-button"
          onClick={onRetry}
          style={{
            marginTop: '10px',
            padding: '8px 16px',
            backgroundColor: '#007acc',
            color: 'white',
            border: 'none',
            borderRadius: '4px',
            cursor: 'pointer',
            fontSize: '14px'
          }}
        >
          🔄 Retry
        </button>
      )}
    </div>
  );
}