Make the project slug into a project ID

Signed-off-by: Karan Shah <karan.shah@simplybusiness.co.uk>

plugins/airbrake/dev/components/ApiBar/ApiBar.tsx

@@ -35,7 +35,9 @@ export const ApiBar = () => {
           <TextField
             label="Project ID"
             value={value.projectId}
-            onChange={e => value.setProjectId?.(parseInt(e.target.value, 10))}
+            onChange={e =>
+              value.setProjectId?.(parseInt(e.target.value, 10) || undefined)
+            }
           />
           <TextField
             label="API Key"

plugins/airbrake/dev/index.tsx

@@ -37,7 +37,7 @@ createDevApp()
       <Page themeId="tool">
         <Header title="Airbrake demo application" subtitle="Mock API" />
         <Content>
-          <EntityProvider entity={createEntity('demo')}>
+          <EntityProvider entity={createEntity(1234)}>
             <EntityAirbrakeContent />
           </EntityProvider>
         </Content>
@@ -57,9 +57,7 @@ createDevApp()
           <Content>
             <Context.Consumer>
               {value => (
-                <EntityProvider
-                  entity={createEntity(value.projectId?.toString())}
-                >
+                <EntityProvider entity={createEntity(value.projectId)}>
                   <EntityAirbrakeContent />
                 </EntityProvider>
               )}