Update UI

ringcentral · Oct 17, 2024 · 20dbaa6 · 20dbaa6
1 parent e579f24
commit 20dbaa6
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 24 deletions.
diff --git a/docs/index.72569953.js → docs/index.9b894a01.js b/docs/index.72569953.js → docs/index.9b894a01.js
diff --git a/docs/index.72569953.js.map → docs/index.9b894a01.js.map b/docs/index.72569953.js.map → docs/index.9b894a01.js.map
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html><head><script type="module" src="index.runtime.27a86868.js"></script><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="icon128.c622d2d9.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>RingCentral Team Messaging Salesforce Chrome extension</title><link rel="stylesheet" href="index.fe5f592c.css"></head><body> <div id="root"></div> <script type="module" src="index.72569953.js"></script> </body></html>
+<!doctype html><html><head><script type="module" src="index.runtime.6775e6a4.js"></script><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="icon128.c622d2d9.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>RingCentral Team Messaging Salesforce Chrome extension</title><link rel="stylesheet" href="index.fe5f592c.css"></head><body> <div id="root"></div> <script type="module" src="index.9b894a01.js"></script> </body></html>
diff --git a/docs/index.runtime.27a86868.js → docs/index.runtime.6775e6a4.js b/docs/index.runtime.27a86868.js → docs/index.runtime.6775e6a4.js
diff --git a/docs/index.runtime.27a86868.js.map → docs/index.runtime.6775e6a4.js.map b/docs/index.runtime.27a86868.js.map → docs/index.runtime.6775e6a4.js.map
diff --git a/src/index.tsx b/src/index.tsx
@@ -1,11 +1,22 @@
+import { ConfigProvider } from 'antd';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 
 import App from './main';
 import store from './store';
 
 const root = createRoot(document.getElementById('root')!);
-root.render(<App store={store} />);
+root.render(
+  <ConfigProvider
+    theme={{
+      token: {
+        colorPrimary: '#00b96b',
+      },
+    }}
+  >
+    <App store={store} />
+  </ConfigProvider>,
+);
 
 (async () => {
   // await store.init();

diff --git a/src/main.tsx b/src/main.tsx
@@ -113,11 +113,19 @@ const TeamComponent = auto((props: { store: Store; team: TMTeamInfo }) => {
   };
   return (
     <>
-      {team.name}
-      <Button onClick={() => openTeam(team.id, 'app')} size="small">
+      {team.name}{' '}
+      <Button
+        onClick={() => openTeam(team.id, 'app')}
+        size="small"
+        type="primary"
+      >
         App
       </Button>{' '}
-      <Button onClick={() => openTeam(team.id, 'web')} size="small">
+      <Button
+        onClick={() => openTeam(team.id, 'web')}
+        size="small"
+        type="primary"
+      >
         Web
       </Button>
       <br />
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html><head><script type="module" src="index.runtime.27a86868.js"></script><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="icon128.c622d2d9.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>RingCentral Team Messaging Salesforce Chrome extension</title><link rel="stylesheet" href="index.fe5f592c.css"></head><body> <div id="root"></div> <script type="module" src="index.72569953.js"></script> </body></html>
		<!doctype html><html><head><script type="module" src="index.runtime.6775e6a4.js"></script><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="icon128.c622d2d9.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>RingCentral Team Messaging Salesforce Chrome extension</title><link rel="stylesheet" href="index.fe5f592c.css"></head><body> <div id="root"></div> <script type="module" src="index.9b894a01.js"></script> </body></html>