diff --git a/package.json b/package.json
index d9e3463..ecda238 100644
--- a/package.json
+++ b/package.json
@@ -11,8 +11,8 @@
"@craco/craco": "^6.3.0",
"@sentry/browser": "^6.15.0",
"@sentry/electron": "^2.5.4",
- "@sentry/types": "^6.15.0",
"@sentry/tracing": "^6.15.0",
+ "@sentry/types": "^6.15.0",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
@@ -26,6 +26,7 @@
"antd": "^4.16.13",
"aws-sdk": "^2.1030.0",
"axios": "^0.22.0",
+ "compare-versions": "^4.1.1",
"craco-less": "^1.20.0",
"dockerode": "^3.3.1",
"electron-is-dev": "^1.2.0",
@@ -40,9 +41,11 @@
"react-dom": "^17.0.2",
"react-icons": "^4.2.0",
"react-lazylog": "^4.5.3",
+ "react-markdown": "^7.1.1",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.3",
"react-syntax-highlighter": "^15.4.5",
+ "rehype-raw": "^6.1.0",
"timeago.js": "^4.0.2",
"typescript": "^4.1.2",
"uuid": "^8.3.1",
diff --git a/src/App.less b/src/App.less
index 31bb0ff..2a36e58 100644
--- a/src/App.less
+++ b/src/App.less
@@ -6,6 +6,9 @@ body {
span {
cursor: default;
}
+ .ant-btn span {
+ cursor: pointer;
+ }
}
.App-link {
@@ -194,3 +197,24 @@ body {
margin-right: 8px;
vertical-align: top;
}
+
+.modal-version-update {
+ .release-note {
+ max-height: 50vh;
+ overflow: hidden;
+ position: relative;
+ .read-more {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ margin: 0;
+ padding: 60px 0;
+ background-image: linear-gradient(to bottom, transparent, white);
+ }
+ }
+ .ant-divider {
+ margin: 0;
+ }
+}
+
diff --git a/src/App.tsx b/src/App.tsx
index 2c7654a..8ec2db1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,7 +6,7 @@ import {
Switch,
} from 'react-router-dom';
import './App.less';
-import { Alert, Button, Space, Layout, Skeleton } from 'antd';
+import { Alert, Button, Space, Layout, Skeleton, Modal, Divider } from 'antd';
import Sidebar from './Sidebar';
import BuildImage from './BuildImage';
import ListImage from './ListImage';
@@ -16,6 +16,10 @@ import { send } from './utils/ipcClient';
import CreatePrimeHubImage from './CreatePrimeHubImage';
import * as Sentry from '@sentry/browser';
import { Integrations } from '@sentry/tracing';
+import compareVersions from 'compare-versions';
+import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import useLocalStorage from './hooks/useLocalStorage';
Sentry.init({
dsn: 'https://6ad1a0b7db2247719c690f7d373b4bfc@o1081482.ingest.sentry.io/6088888',
@@ -29,6 +33,14 @@ const OK = 'ok';
const Crane = () => {
const [missingDocker, setMissingDocker] = useState(false);
+ const [isNewVersionReleased, setIsNewVersionReleased] = useState(false);
+ const [releasedData, setReleasedData] = useState({
+ name: '',
+ version: '',
+ url: '',
+ changelog: '',
+ });
+ const [skipVersion, setSkipVersion] = useLocalStorage('skip_version', '');
const siderWidth = {
collapsed: 80,
unCollapsed: 160,
@@ -42,6 +54,17 @@ const Crane = () => {
if (pong !== OK) {
setMissingDocker(true);
}
+ const crane = await send('get-crane-version');
+ if (
+ crane.latest &&
+ compareVersions(crane.latest.version, crane.version) > 0 &&
+ crane.latest.version !== skipVersion
+ ) {
+ // Show New version released
+ setIsNewVersionReleased(true);
+ setReleasedData(crane.latest);
+ console.log(crane.latest);
+ }
})();
}, []);
@@ -76,6 +99,65 @@ const Crane = () => {
) : (
<>
)}
+ {
+ setIsNewVersionReleased(false);
+ console.log('OK');
+ }}
+ onCancel={() => {
+ setIsNewVersionReleased(false);
+ console.log('Cancel');
+ }}
+ footer={[
+ ,
+ ,
+ ]}
+ >
+
+
{
+ console.log(props);
+ return 
;
+ },
+ }}
+ />
+
+
+