feat: isChanged 항목 반영

Swaggy-Swagger · Aug 28, 2024 · e663d9b · e663d9b
1 parent 55eb5bf
commit e663d9b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/core/components/operation-summary.jsx b/src/core/components/operation-summary.jsx
@@ -34,6 +34,7 @@ export default class OperationSummary extends PureComponent {
       authSelectors,
       operationProps,
       specPath,
+      isChanged,
     } = this.props
 
     let {
@@ -85,6 +86,7 @@ export default class OperationSummary extends PureComponent {
 
           {displayOperationId && (originalOperationId || operationId) ? <span className="opblock-summary-operation-id">{originalOperationId || operationId}</span> : null}
         </button>
+        {isChanged && <div className="is-changed"></div>}
         <CopyToClipboardBtn textToCopy={`${specPath.get(1)}`} />
         {
           allowAnonymous ? null :

diff --git a/src/core/components/operation.jsx b/src/core/components/operation.jsx
@@ -89,6 +89,7 @@ export default class Operation extends PureComponent {
     let operation = operationProps.getIn(["op"])
     let responses = operation.get("responses")
     let parameters = getList(operation, ["parameters"])
+    let isChanged = operation.get("is_changed");
     let operationScheme = specSelectors.operationScheme(path, method)
     let isShownKey = ["operations", tag, operationId]
     let extensions = getExtensions(operation)
@@ -113,13 +114,13 @@ export default class Operation extends PureComponent {
       response = response.set("notDocumented", notDocumented)
     }
 
-    let onChangeKey = [ path, method ] // Used to add values to _this_ operation ( indexed by path and method )
+    let onChangeKey = [ path, method ]
 
     const validationErrors = specSelectors.validationErrors([path, method])
 
     return (
         <div className={deprecated ? "opblock opblock-deprecated" : isShown ? `opblock opblock-${method} is-open` : `opblock opblock-${method}`} id={escapeDeepLinkPath(isShownKey.join("-"))} >
-          <OperationSummary operationProps={operationProps} isShown={isShown} toggleShown={toggleShown} getComponent={getComponent} authActions={authActions} authSelectors={authSelectors} specPath={specPath} />
+          <OperationSummary operationProps={operationProps} isShown={isShown} toggleShown={toggleShown} getComponent={getComponent} authActions={authActions} authSelectors={authSelectors} specPath={specPath} isChanged = {isChanged} />
           <Collapse isOpened={isShown}>
             <div className="opblock-body">
               <div className="description-wrapper">

diff --git a/src/style/_swaggy.scss b/src/style/_swaggy.scss
@@ -44,4 +44,9 @@
     transform: translateY(2px); 
     background-color: #e0e0e0; 
 }
-
+.is-changed{
+    width: 10px;
+    height: 10px;
+    border-radius:9999px;
+    background:red;
+}