Add headings to test-snaps

Author: Mrtenz

packages/examples/packages/browserify/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "NItYOhAaWlS9q2r59/zlpoyVUyxojfsc5xMh65mLIwQ=",
+    "shasum": "5LsB950haZGnl0q5K7M4XgSh5J2e0p5O1Ptl/e6kpSQ=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/examples/packages/manage-state/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "3jbTBm2Gtm5+qWdWgNR2sgwEGwWmKsGK7QPeXN9yOpE=",
+    "shasum": "fIXije73reQctVWFkOL9kdLWns7uDs7UWbPPL1J0f2o=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/test-snaps/src/features/snaps/legacy-state/LegacyState.tsx

@@ -5,8 +5,8 @@ import {
   MANAGE_STATE_SNAP_ID,
   MANAGE_STATE_PORT,
   MANAGE_STATE_VERSION,
-  useSnapState,
-} from '../state';
+} from '../state/constants';
+import { useSnapState } from '../state/hooks';
 import { ClearData, SendData } from './components';
 
 export const LegacyState: FunctionComponent = () => {
@@ -21,6 +21,7 @@ export const LegacyState: FunctionComponent = () => {
       version={MANAGE_STATE_VERSION}
       testId="manage-state"
     >
+      <h3 className="h5">Encrypted state</h3>
       <Result className="mb-3">
         <span id="retrieveManageStateResult">
           {JSON.stringify(encryptedState, null, 2)}
@@ -30,6 +31,7 @@ export const LegacyState: FunctionComponent = () => {
       <SendData encrypted={true} />
       <ClearData encrypted={true} />
 
+      <h3 className="h5">Unencrypted state</h3>
       <Result className="mb-3">
         <span id="retrieveManageStateUnencryptedResult">
           {JSON.stringify(unencryptedState, null, 2)}

packages/test-snaps/src/features/snaps/legacy-state/components/ClearData.tsx

@@ -5,7 +5,7 @@ import { Button } from 'react-bootstrap';
 import { Tag, useInvokeMutation } from '../../../../api';
 import { Result } from '../../../../components';
 import { getSnapId } from '../../../../utils';
-import { MANAGE_STATE_PORT, MANAGE_STATE_SNAP_ID } from '../../state';
+import { MANAGE_STATE_PORT, MANAGE_STATE_SNAP_ID } from '../../state/constants';
 
 export const ClearData: FunctionComponent<{ encrypted: boolean }> = ({
   encrypted,

packages/test-snaps/src/features/snaps/legacy-state/components/SendData.tsx

@@ -6,11 +6,8 @@ import { Button, Form } from 'react-bootstrap';
 import { Tag, useInvokeMutation } from '../../../../api';
 import { Result } from '../../../../components';
 import { getSnapId } from '../../../../utils';
-import {
-  MANAGE_STATE_PORT,
-  MANAGE_STATE_SNAP_ID,
-  useSnapState,
-} from '../../state';
+import { MANAGE_STATE_PORT, MANAGE_STATE_SNAP_ID } from '../../state/constants';
+import { useSnapState } from '../../state/hooks';
 
 export const SendData: FunctionComponent<{ encrypted: boolean }> = ({
   encrypted,

packages/test-snaps/src/features/snaps/state/State.tsx

@@ -21,6 +21,7 @@ export const State: FunctionComponent = () => {
       version={MANAGE_STATE_VERSION}
       testId="state"
     >
+      <h3 className="h5">Encrypted state</h3>
       <Result className="mb-3">
         <pre
           id="encryptedStateResult"
@@ -36,6 +37,7 @@ export const State: FunctionComponent = () => {
       <SetState encrypted={true} />
       <ClearState encrypted={true} />
 
+      <h3 className="h5">Unencrypted state</h3>
       <Result className="mb-3">
         <pre
           id="unencryptedStateResult"

packages/test-snaps/src/features/snaps/state/index.ts

@@ -1,3 +1 @@
-export * from './constants';
-export * from './hooks';
 export * from './State';