chore(release): 1.2.4 [skip ci]

## [1.2.4](v1.2.3...v1.2.4) (2023-03-20)

### Bug Fixes

* add href to Image ([e8da1ec](e8da1ec))
* code format ([32038eb](32038eb))

Author: semantic-release-bot

CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.2.4](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v1.2.3...v1.2.4) (2023-03-20)
+
+
+### Bug Fixes
+
+* add href to Image ([e8da1ec](https://github.com/ocadotechnology/codeforlife-package-javascript/commit/e8da1ec1fad9d91dd0b8c9a3d3c6926a2724e782))
+* code format ([32038eb](https://github.com/ocadotechnology/codeforlife-package-javascript/commit/32038ebd404ecfa7fc7ab9a45c716753e4097fe1))
+
 ## [1.2.3](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v1.2.2...v1.2.3) (2023-03-19)
 
 

lib/cjs/components/Image.d.ts

@@ -3,6 +3,7 @@ import { BoxProps } from '@mui/material';
 export interface ImageProps {
     alt: string;
     src: string;
+    href?: string;
     boxProps?: BoxProps;
 }
 declare const Image: React.FC<ImageProps>;

lib/cjs/components/Image.js

@@ -27,9 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var material_1 = require("@mui/material");
+var react_router_dom_1 = require("react-router-dom");
 var Image = function (_a) {
-    var alt = _a.alt, src = _a.src, _b = _a.boxProps, boxProps = _b === void 0 ? {} : _b;
-    var sx = boxProps.sx, otherProps = __rest(boxProps, ["sx"]);
-    return (react_1.default.createElement(material_1.Box, __assign({ component: 'img', alt: alt, src: src, sx: __assign({ width: '100%' }, sx) }, otherProps)));
+    var alt = _a.alt, src = _a.src, href = _a.href, _b = _a.boxProps, boxProps = _b === void 0 ? {} : _b;
+    var sx = boxProps.sx, onClick = boxProps.onClick, _c = boxProps.style, style = _c === void 0 ? {} : _c, otherProps = __rest(boxProps, ["sx", "onClick", "style"]);
+    // Override onClick if href provided.
+    if (href !== undefined) {
+        var navigate_1 = (0, react_router_dom_1.useNavigate)();
+        onClick = function () { navigate_1(href); };
+        style.cursor = 'pointer';
+    }
+    return (react_1.default.createElement(material_1.Box, __assign({ component: 'img', alt: alt, src: src, onClick: onClick, style: style, sx: __assign({ width: '100%' }, sx) }, otherProps)));
 };
 exports.default = Image;

lib/esm/components/Image.d.ts

@@ -3,6 +3,7 @@ import { BoxProps } from '@mui/material';
 export interface ImageProps {
     alt: string;
     src: string;
+    href?: string;
     boxProps?: BoxProps;
 }
 declare const Image: React.FC<ImageProps>;

lib/esm/components/Image.js

@@ -22,9 +22,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Box } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
 var Image = function (_a) {
-    var alt = _a.alt, src = _a.src, _b = _a.boxProps, boxProps = _b === void 0 ? {} : _b;
-    var sx = boxProps.sx, otherProps = __rest(boxProps, ["sx"]);
-    return (React.createElement(Box, __assign({ component: 'img', alt: alt, src: src, sx: __assign({ width: '100%' }, sx) }, otherProps)));
+    var alt = _a.alt, src = _a.src, href = _a.href, _b = _a.boxProps, boxProps = _b === void 0 ? {} : _b;
+    var sx = boxProps.sx, onClick = boxProps.onClick, _c = boxProps.style, style = _c === void 0 ? {} : _c, otherProps = __rest(boxProps, ["sx", "onClick", "style"]);
+    // Override onClick if href provided.
+    if (href !== undefined) {
+        var navigate_1 = useNavigate();
+        onClick = function () { navigate_1(href); };
+        style.cursor = 'pointer';
+    }
+    return (React.createElement(Box, __assign({ component: 'img', alt: alt, src: src, onClick: onClick, style: style, sx: __assign({ width: '100%' }, sx) }, otherProps)));
 };
 export default Image;