Feature archive (#21)

Author: frankzhaopeng

craco.config.js

@@ -1,8 +1,17 @@
 module.exports = {
   plugins: [{ plugin: require('@semantic-ui-react/craco-less') }],
   webpack: {
-    configure: (webpackConfig, { env, paths }) => {
-      return webpackConfig
+    configure: {
+      ignoreWarnings: [
+        function ignoreSourcemapsloaderWarnings(warning) {
+          return (
+            warning.module &&
+            warning.module.resource.includes("node_modules") &&
+            warning.details &&
+            warning.details.includes("source-map-loader")
+          );
+        },
+      ],
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "feature-probe-ui",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "FeatureProbe UI/Portal",
   "license": "Apache-2.0",
   "keywords": [

src/components/Modal/index.tsx

@@ -8,8 +8,8 @@ interface IProps {
   width?: number;
   open: boolean;
   confirmDisabled?: boolean;
-  handleCancel(e: SyntheticEvent): void;
-  handleConfirm(e: SyntheticEvent): void;
+  handleCancel?(e: SyntheticEvent): void;
+  handleConfirm?(e: SyntheticEvent): void;
   children: ReactElement;
   footer?: ReactElement | null;
 }
@@ -29,7 +29,7 @@ const ConfirmModal = (props: IProps) => {
         { children }
         {
           (typeof(footer) === 'undefined') ? (
-            <div className={styles['footer']}>
+            <div className={styles['footer']} onClick={(e: SyntheticEvent) => { e.stopPropagation(); }}>
               <Button size='mini' className={styles['btn']} basic type='reset' onClick={handleCancel}>
                 <FormattedMessage id='common.cancel.text' />
               </Button>

src/components/Rule/constants.tsx

@@ -56,30 +56,30 @@ export const getAttrOptions = (intl: IntlShape, type?:string) => {
 
 export const timezoneOptions = (intl: IntlShape) => {
   return [
-    {key: 1, text: intl.formatMessage({id: 'targeting.rule.timezone.zero'}), value: '+00:00'},
-    {key: 2, text: intl.formatMessage({id: 'targeting.rule.timezone.east.one'}), value: '+01:00'},
-    {key: 3, text: intl.formatMessage({id: 'targeting.rule.timezone.east.two'}), value: '+02:00'},
-    {key: 4, text: intl.formatMessage({id: 'targeting.rule.timezone.east.three'}), value: '+03:00'},
-    {key: 5, text: intl.formatMessage({id: 'targeting.rule.timezone.east.four'}), value: '+04:00'},
-    {key: 6, text: intl.formatMessage({id: 'targeting.rule.timezone.east.five'}), value: '+05:00'},
-    {key: 7, text: intl.formatMessage({id: 'targeting.rule.timezone.east.six'}), value: '+06:00'},
-    {key: 8, text: intl.formatMessage({id: 'targeting.rule.timezone.east.seven'}), value: '+07:00'},
-    {key: 9, text: intl.formatMessage({id: 'targeting.rule.timezone.east.eight'}), value: '+08:00'},
-    {key: 10, text: intl.formatMessage({id: 'targeting.rule.timezone.east.nine'}), value: '+09:00'},
-    {key: 11, text: intl.formatMessage({id: 'targeting.rule.timezone.east.ten'}), value: '+10:00'},
-    {key: 12, text: intl.formatMessage({id: 'targeting.rule.timezone.east.eleven'}), value: '+11:00'},
-    {key: 13, text: intl.formatMessage({id: 'targeting.rule.timezone.east.twelve'}), value: '+12:00'},
-    {key: 14, text: intl.formatMessage({id: 'targeting.rule.timezone.west.twelve'}), value: '-12:00'},
-    {key: 15, text: intl.formatMessage({id: 'targeting.rule.timezone.west.eleven'}), value: '-11:00'},
-    {key: 16, text: intl.formatMessage({id: 'targeting.rule.timezone.west.ten'}), value: '-10:00'},
-    {key: 17, text: intl.formatMessage({id: 'targeting.rule.timezone.west.nine'}), value: '-09:00'},
-    {key: 18, text: intl.formatMessage({id: 'targeting.rule.timezone.west.eight'}), value: '-08:00'},
-    {key: 19, text: intl.formatMessage({id: 'targeting.rule.timezone.west.seven'}), value: '-07:00'},
-    {key: 20, text: intl.formatMessage({id: 'targeting.rule.timezone.west.six'}), value: '-06:00'},
-    {key: 21, text: intl.formatMessage({id: 'targeting.rule.timezone.west.five'}), value: '-05:00'},
-    {key: 22, text: intl.formatMessage({id: 'targeting.rule.timezone.west.four'}), value: '-04:00'},
-    {key: 23, text: intl.formatMessage({id: 'targeting.rule.timezone.west.three'}), value: '-03:00'},
-    {key: 24, text: intl.formatMessage({id: 'targeting.rule.timezone.west.two'}), value: '-02:00'},
-    {key: 25, text: intl.formatMessage({id: 'targeting.rule.timezone.west.one'}), value: '-01:00'},
+    {key: 1, text: 'UTC +0', value: '+00:00'},
+    {key: 2, text: 'UTC +1', value: '+01:00'},
+    {key: 3, text: 'UTC +2', value: '+02:00'},
+    {key: 4, text: 'UTC +3', value: '+03:00'},
+    {key: 5, text: 'UTC +4', value: '+04:00'},
+    {key: 6, text: 'UTC +5', value: '+05:00'},
+    {key: 7, text: 'UTC +6', value: '+06:00'},
+    {key: 8, text: 'UTC +7', value: '+07:00'},
+    {key: 9, text: 'UTC +8', value: '+08:00'},
+    {key: 10, text: 'UTC +9', value: '+09:00'},
+    {key: 11, text: 'UTC +10', value: '+10:00'},
+    {key: 12, text: 'UTC +11', value: '+11:00'},
+    {key: 13, text: 'UTC +12', value: '+12:00'},
+    {key: 14, text: 'UTC -12', value: '-12:00'},
+    {key: 15, text: 'UTC -11', value: '-11:00'},
+    {key: 16, text: 'UTC -10', value: '-10:00'},
+    {key: 17, text: 'UTC -9', value: '-09:00'},
+    {key: 18, text: 'UTC -8', value: '-08:00'},
+    {key: 19, text: 'UTC -7', value: '-07:00'},
+    {key: 20, text: 'UTC -6', value: '-06:00'},
+    {key: 21, text: 'UTC -5', value: '-05:00'},
+    {key: 22, text: 'UTC -4', value: '-04:00'},
+    {key: 23, text: 'UTC -3', value: '-03:00'},
+    {key: 24, text: 'UTC -2', value: '-02:00'},
+    {key: 25, text: 'UTC -1', value: '-01:00'},
   ]
 };

src/constants/api/toggle.ts

@@ -3,6 +3,7 @@ let origin = '/api';
 const ToggleURI = {
   getToggleListURI: `${origin}/projects/:projectKey/toggles`,
   getToggleInfoURI: `${origin}/projects/:projectKey/toggles/:toggleKey`,
+  environmentURI: `${origin}/projects/:projectKey/environments`,
   targetingURI: `${origin}/projects/:projectKey/environments/:environmentKey/toggles/:toggleKey/targeting`,
   createToggleURI: `${origin}/projects/:projectKey/toggles`,
   editToggleURI: `${origin}/projects/:projectKey/toggles/:toggleKey`,

src/constants/auth.ts

@@ -0,0 +1,2 @@
+export const OWNER = ['OWNER', 'ADMIN'];
+export const WRITER = 'WRITER';

src/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3325204 */
-  src: url('iconfont.woff2?t=1659607107780') format('woff2'),
-       url('iconfont.woff?t=1659607107780') format('woff'),
-       url('iconfont.ttf?t=1659607107780') format('truetype');
+  src: url('iconfont.woff2?t=1660890049058') format('woff2'),
+       url('iconfont.woff?t=1660890049058') format('woff'),
+       url('iconfont.ttf?t=1660890049058') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-back:before {
+  content: "\e770";
+}
+
+.icon-menu:before {
+  content: "\e76a";
+}
+
 .icon-email:before {
   content: "\e766";
 }