Changes

package.json

@@ -31,7 +31,6 @@
     "tsc": "tsc --noEmit"
   },
   "dependencies": {
-    "@emailjs/browser": "4.4.1",
     "@pivanov/event-bus": "1.0.0",
     "@pivanov/use-toggle-visibility": "0.0.1",
     "@polkadot-api/descriptors": "file:.papi/descriptors",
@@ -64,7 +63,6 @@
     "prismjs": "1.29.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-google-recaptcha": "3.1.0",
     "react-helmet-async": "2.0.5",
     "react-hot-toast": "2.4.1",
     "react-resizable-panels": "2.0.19",
@@ -86,7 +84,6 @@
     "@types/prismjs": "1.26.4",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
-    "@types/react-google-recaptcha": "2.1.9",
     "@types/react-router-dom": "5.3.3",
     "@typescript-eslint/eslint-plugin": "7.14.1",
     "@typescript-eslint/parser": "7.13.1",

src/views/onboarding/components/defaultExamples/index.tsx

@@ -10,12 +10,7 @@ import { snippets } from '@constants/snippets';
 import { cn } from '@utils/helpers';
 import { Search } from '@views/onboarding/components/search';
 
-interface DefaultExamplesProps {
-  toggleVisibility: () => void;
-}
-
-export const DefaultExamples = (props: DefaultExamplesProps) => {
-  const { toggleVisibility } = props;
+export const DefaultExamples = () => {
   const [
     filteredSnippets,
     setFilteredSnippets,
@@ -57,12 +52,6 @@ export const DefaultExamples = (props: DefaultExamplesProps) => {
           ))}
         </ul>
       </PDScrollArea>
-      <button
-        className={cn('mt-10 w-full text-center font-body1-regular')}
-        onClick={toggleVisibility}
-      >
-        Have any ideas about Example? Request example here.
-      </button>
     </>
   );
 };

src/views/onboarding/index.tsx

@@ -1,23 +1,16 @@
-import { useToggleVisibility } from '@pivanov/use-toggle-visibility';
 import {
   useEffect,
   useRef,
   useState,
 } from 'react';
 
-import { ModalSendMail } from '@components/modals/modalSendMail';
 import { PDLink } from '@components/pdLink';
 import { Tabs } from '@components/tabs';
 import { cn } from '@utils/helpers';
 import { DefaultExamples } from '@views/onboarding/components/defaultExamples';
 import { GithubExamples } from '@views/onboarding/components/githubExamples';
 
 const Onboarding = () => {
-  const [
-    SendMailModal,
-    toggleVisibility,
-  ] = useToggleVisibility(ModalSendMail);
-
   const refContainer = useRef<HTMLDivElement | null>(null);
   const [
     initialTab,
@@ -61,16 +54,12 @@ const Onboarding = () => {
         unmountOnHide={false}
       >
         <div data-title="Default">
-          <DefaultExamples toggleVisibility={toggleVisibility} />
+          <DefaultExamples />
         </div>
         <div data-title="Custom">
           <GithubExamples />
         </div>
       </Tabs>
-      <SendMailModal
-        onClose={toggleVisibility}
-        title="Request Example"
-      />
     </div>
   );
 };