adding a small PR to see if he project is still being monitored

examples/components/input.tsx

@@ -0,0 +1,12 @@
+interface Props {
+    className: string
+    disabled?: boolean;
+    required?: boolean
+    onKeyUp: any
+  }
+
+  export default function Input(props: Props) {
+    return <input type='text' className={props.className} disabled={props.disabled ?? false} required={props.required ?? true} onKeyUp={props.onKeyUp}/>
+   //TODOs: Add Custom Errors responses.
+  }
+

examples/components/subscribed-symbol.tsx

@@ -1,7 +1,7 @@
 import { useContext, useEffect, useState } from 'react'
 import _ from 'lodash'
 import { AppContext } from '../contexts/context'
-import { MarketDataSubscriptionType } from "tastytrade-api"
+import { MarketDataSubscriptionType } from "@tastytrade/api"
 
 export default function SubscribedSymbol(props: any) {
   const [bidPrice, setBidPrice] = useState(NaN)

examples/components/vertical-nav.tsx

@@ -15,6 +15,7 @@ export default function VerticalNavBar() {
         <VerticalNavLink href = "/symbol-search" title = "Symbol Search"/>
         <VerticalNavLink href = "/quote-streamer" title = "Quote Data"/>
         <VerticalNavLink href = "/account-streamer" title = "Account Data"/>
+        <VerticalNavLink href = "/trade" title = "Trade Tab"/>
       </ul>
   </nav>
   )

examples/contexts/context.ts

@@ -1,6 +1,6 @@
 // src/context/state.ts
 import { createContext } from 'react';
-import TastytradeClient, { LogLevel, MarketDataStreamer } from "tastytrade-api"
+import TastytradeClient, { LogLevel, MarketDataStreamer } from "@tastytrade/api"
 import { makeAutoObservable } from 'mobx';
 import _ from 'lodash'
 

examples/pages/account-streamer.tsx

@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { STREAMER_STATE } from 'tastytrade-api'
+import { STREAMER_STATE } from '@tastytrade/api'
 import { useContext, useEffect, useState } from 'react'
 import _ from 'lodash'
 import toast from 'react-hot-toast'

examples/pages/symbol-search.tsx

@@ -4,6 +4,7 @@ import UseHttpRequest from '../components/use-http-request';
 import _ from 'lodash'
 import CustomTable from '../components/custom-table';
 import Button from '../components/button';
+import Input from '../components/input';
 
 function parseError(error:any){
     if (error.message === 'Network Error'){
@@ -80,12 +81,7 @@ export default function symbolSearch() {
     <div className='w-3/12'>
         <h2 className="text-center mb-4">Symbol Search</h2>
         <div>Enter symbol</div>
-        <input
-            type='text'
-            className="p-2 w-full border border-gray-400 mb-2"
-            onKeyUp={handleKeyPress}
-            required
-          />
+        <Input className="p-2 w-full border border-gray-400 mb-2" onKeyUp={handleKeyPress} />
         <Button onClick={handleSearch} title="Search" />
         {error && <div>{error}</div>}
         {renderResults()}

examples/pages/trade.tsx

@@ -0,0 +1,7 @@
+export default function Trade(){
+    return (
+        <div>
+            <h3>Coming Soon!</h3>
+        </div>
+    )
+}

package.json

@@ -25,6 +25,7 @@
     "postpack": "git tag -a $npm_package_version -m $npm_package_version && git push origin $npm_package_version"
   },
   "dependencies": {
+    "@tastytrade/api": "^5.0.0",
     "@types/lodash": "^4.14.182",
     "@types/qs": "^6.9.7",
     "axios": "^1.3.4",