Fixed code styles

NanSigmaBohdanMoroz · NanSigmaBohdanMoroz · commit 56fe47a27e71 · 2025-12-15T11:09:52.000+02:00
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/package-lock.json b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/package-lock.json
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/package.json b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/package.json
@@ -19,7 +19,7 @@
     "react-hot-toast": "^2.6.0",
     "react-i18next": "^16.3.5",
     "react-router-dom": "^7.9.6",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
     "sass": "^1.94.2",
     "web-vitals": "^2.1.4"
   },
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/App.scss b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/App.scss
@@ -237,6 +237,36 @@ body.home-page::before {
 .nav__link:hover {
   color: #e0e0f2;
 }
+.need_to-row {
+  margin-top: 32px;
+  display: flex;
+  flex-direction: row;
+}
+.need_to-row__label {
+  color: #141414;
+  font-weight: 600;
+  font-family: 'Inter', sans-serif;
+  font-size: 14px;
+  line-height: 150%;
+  margin-top: 0px;
+}
+.need_to__link {
+  background: transparent;
+  color: #4e2ca0;
+  line-height: 150%;
+  font-weight: 600;
+  font-family: 'Inter', sans-serif;
+  font-size: 14px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  transition: all 0.1s ease 0s;
+  margin-left: 16px;
+}
+.need_to__link:hover {
+  color: #4909de;
+}
 
 .nav__actions {
   padding-right: 2rem;
@@ -1482,6 +1512,19 @@ body:not(.home-page) .footer {
     margin-left: 0px;
     margin-right: 0px;
   }
+  .need_to-row {
+    flex-direction: column;
+    margin-top: 24px;
+  }
+  .need_to-row__label {
+    font-size: 12px;
+  }
+  .need_to__link {
+    font-size: 12px;
+
+    margin-left: 0px;
+    margin-top: 8px;
+  }
 }
 
 @media (max-width: 420px) {
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/AgreementRow.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/AgreementRow.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 export const AgreementRow = ({ label, checked, onToggle, onPreview }) => {
@@ -20,4 +19,4 @@ export const AgreementRow = ({ label, checked, onToggle, onPreview }) => {
       </label>
     </div>
   );
-};
+};
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/ApiDescription.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/ApiDescription.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import parse from 'html-react-parser';
 import { Collapse } from 'react-bootstrap';
@@ -9,7 +9,7 @@ import './ApiDescription.scss';
 
 export const ApiDescription = ({ requesting }) => {
   const { t } = useTranslation();
-  const [open, setOpen] = React.useState(true);
+  const [open, setOpen] = useState(true);
 
   if (requesting) {
     return <ApiDescriptionSkeleton isBig={open} />;
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/ApiDescriptionSkeleton.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/ApiDescriptionSkeleton.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import './ApiDescriptionSkeleton.scss';
 
 export const ApiDescriptionSkeleton = ({ isBig }) => {
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/DoctorRow.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/DoctorRow.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export const DoctorRow = ({ label, checked, onToggle }) => {
   return (
     <div className="doctor-row">
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/InputText.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/InputText.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 export const InputText = ({
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/NeedToContinue.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/NeedToContinue.js
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next';
+
+const NeedToContinue = () => {
+  const { t } = useTranslation();
+  return (
+    <div className="need_to-row">
+      <div>
+        <span className="need_to-row__label">{t('NeedToContinue.Text')}</span>
+      </div>
+      <div>
+        <a
+          className="need_to__link"
+          href="https://apps-d.docusign.com/workspaces"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {t('NeedToContinue.Link')}
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export default NeedToContinue;
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/Onboarding.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/Onboarding.js
@@ -1,17 +1,9 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
-import { SortIcon } from '../components/SortIcon';
+import NeedToContinue from '../components/NeedToContinue';
 
-export const Onboarding = ({
-  request,
-  onSave,
-  filesList,
-  onChange,
-  requesting = false,
-  errors = {},
-  onPrevious,
-}) => {
+export const Onboarding = ({ onSave, filesList }) => {
   const { t } = useTranslation();
   const [submitted, setSubmitted] = useState(false);
   const [listToSign, setListToSign] = useState(filesList);
@@ -80,6 +72,7 @@ export const Onboarding = ({
             </div>
           </div>
         </form>
+        <NeedToContinue />
       </div>
     </div>
   );
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/RequestForm.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/RequestForm.js
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { InputText } from './InputText';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/RequestFormPhysician.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/RequestFormPhysician.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { InputText } from './InputText';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SelectDocuments.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SelectDocuments.js
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { AgreementRow } from './AgreementRow';
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SkeletonOnboarding.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SkeletonOnboarding.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import './SkeletonOnboarding.scss';
 
 export const SkeletonOnboarding = ({ rowCount = 5 }) => {
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SkeletonSelectDocuments.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SkeletonSelectDocuments.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import './SkeletonSelectDocuments.scss';
 
 const AgreementRowSkeleton = () => (
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SkeletonTableDocuments.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SkeletonTableDocuments.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import './SkeletonTableDocuments.scss';
 
 export const SkeletonTableDocuments = ({ rowCount = 3 }) => {
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SomethingWentWrong.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/SomethingWentWrong.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ReactComponent as ShieldIcon } from '../assets/icons/shield-cross.svg';
 
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/StepProgress.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/StepProgress.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { ReactComponent as CheckIcon } from '../assets/icons/check.svg';
 
 const StepProgress = ({ steps, currentStep }) => {
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/TableDocuments.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/TableDocuments.js
@@ -1,8 +1,8 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { useOutletContext } from 'react-router-dom';
-import { SortIcon } from '../components/SortIcon';
+import NeedToContinue from '../components/NeedToContinue';
 import './TableDocuments.scss';
 
 export const TableDocuments = ({ onSave, listFiles }) => {
@@ -155,6 +155,7 @@ export const TableDocuments = ({ onSave, listFiles }) => {
             {isMobile && isTestAccount ? renderCards() : renderTable()}
           </div>
         </form>
+        <NeedToContinue />
       </div>
     </div>
   );
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/TableDocuments.scss b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/components/TableDocuments.scss
@@ -2,8 +2,9 @@
   display: flex;
   flex-direction: column;
   gap: 16px;
-  padding: 16px 0;
+  padding: 0px 0;
   font-family: 'Inter', sans-serif;
+  margin-top: 24px;
 }
 
 .document-card {
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/index.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/index.js
@@ -1,4 +1,4 @@
-import React, { Suspense } from 'react';
+import { StrictMode, Suspense } from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import './index.scss';
@@ -9,13 +9,13 @@ import './assets/scss/main.scss';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <React.StrictMode>
+  <StrictMode>
     <BrowserRouter>
       <Suspense fallback={<div>Loading...</div>}>
         <App />
       </Suspense>
     </BrowserRouter>
-  </React.StrictMode>
+  </StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/locales/en/translation.json b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/locales/en/translation.json
@@ -72,6 +72,10 @@
     "LastName": "- ERROR LAST NAME -",
     "Email": "Invalid email format"
   },
+  "NeedToContinue": {
+    "Text": "Need to continue in your developer Workspaces?",
+    "Link": "Open Workspaces →"
+  },
   "ApiDescription": {
     "SeeMore": "Behind the scenes",
     "CodeFlow": "<h5>This sample features</h5><ul><li>Branding</li><li>Conditional recipients</li><li>Document visibility</li><li>Embedded signing</li></ul><h5>Code flow</h5><p>See the <strong>Controller</strong> and envelope source code.</p><h5>Step 1</h5><p>After the form is submitted, call the <span className=\"colored_text\">AccountBrands:list</span> method on the account to check if the brand you want to create already exists.</p><p>If it does, find the corresponding brand ID. If not, call the <span className=\"colored_text\">AccountBrands:create</span> method to create a new brand.</p><p>The brand ID is then stored for the next step.</p><p>After the user completes signing the envelope in the embedded signing session, the envelope is redirected to the second signer based on the conditions described in Step 2. After the user completes signing the envelope in the</p>"
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/loginModal/LoginModal.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/loginModal/LoginModal.js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import './LoginModal.scss';
 
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/pages/UseCaseOne/index.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/pages/UseCaseOne/index.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Toaster, toast } from 'react-hot-toast';
 import { RequestForm } from '../../components/RequestForm';
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/pages/UseCaseTwo/index.js b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/src/pages/UseCaseTwo/index.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from 'react';
+import { useEffect, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Toaster, toast } from 'react-hot-toast';
 import { useOutletContext } from 'react-router-dom';
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/yarn.lock b/DocuSign.Workspaces/DocuSign.Workspaces/ClientApp/yarn.lock
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/Domain/Workspaces/WealthManagementClient.cs b/DocuSign.Workspaces/DocuSign.Workspaces/Domain/Workspaces/WealthManagementClient.cs
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/Infrastructure/Extensions/DocuSignWebAppExtensions.cs b/DocuSign.Workspaces/DocuSign.Workspaces/Infrastructure/Extensions/DocuSignWebAppExtensions.cs
diff --git a/DocuSign.Workspaces/DocuSign.Workspaces/Infrastructure/Services/DocuSignApiProvider.cs b/DocuSign.Workspaces/DocuSign.Workspaces/Infrastructure/Services/DocuSignApiProvider.cs

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import React from 'react';`
`2`	`1`	`import './ApiDescriptionSkeleton.scss';`
`3`	`2`
`4`	`3`	`export const ApiDescriptionSkeleton = ({ isBig }) => {`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-import React from 'react';`
`2`		`-`
`3`	`1`	`export const DoctorRow = ({ label, checked, onToggle }) => {`
`4`	`2`	`return (`
`5`	`3`	`<div className="doctor-row">`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import React from 'react';`
`2`	`1`	`import PropTypes from 'prop-types';`
`3`	`2`
`4`	`3`	`export const InputText = ({`