// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`OrganizationApiKeyDetails renders 1`] = `
<OrganizationApiKeyDetails
params={
Object {
"apiKey": 1,
"orgId": "org-slug",
}
}
>
<SideEffect(DocumentTitle)
title="Organization Name Edit API Key - Sentry"
>
<DocumentTitle
title="Organization Name Edit API Key - Sentry"
>
<div>
<div
className="page-header"
>
<h3>
Edit Api Key
</h3>
</div>
<ApiForm
apiEndpoint="/organizations/org-slug/api-keys/1/"
apiMethod="PUT"
cancelLabel="Cancel"
className="form-stacked"
errorMessage="Unable to save your changes. Please ensure all fields are valid and try again."
footerClass="form-actions align-right"
hideErrors={false}
initialData={
Object {
"allowed_origins": "",
"id": 1,
"key": "aa624bcc12024702a202cd90be5feda0",
"label": "Default",
"scope_list": Array [
"project:read",
"event:read",
"team:read",
"member:read",
],
"status": 0,
}
}
onCancel={[Function]}
onSubmitError={[Function]}
onSubmitSuccess={[Function]}
requireChanges={false}
resetOnError={false}
submitDisabled={false}
submitErrorMessage="There was an error saving your changes."
submitLabel="Save Changes"
submitLoadingMessage="Saving changes.."
>
<StyledForm
className="form-stacked"
onSubmit={[Function]}
>
<form
className="form-stacked css-10f3krf-StyledForm e18zovyk0"
onSubmit={[Function]}
>
<SplitLayout
splitWidth={15}
>
<SpreadLayout
center={true}
className="split-layout"
responsive={false}
>
<div
className="spread-layout split-layout center"
>
<TextField
className="split-layout-child"
disabled={false}
hideErrorMessage={false}
key=".0"
label="Label"
name="label"
required={false}
style={
Object {
"marginRight": 15,
}
}
>
<div
className="split-layout-child control-group"
style={
Object {
"marginRight": 15,
}
}
>
<div
className="controls"
>
<label
className="control-label"
htmlFor="id-label"
>
Label
</label>
<input
className="form-control"
disabled={false}
id="id-label"
name="label"
onChange={[Function]}
required={false}
type="text"
value="Default"
/>
</div>
</div>
</TextField>
<TextField
className="split-layout-child"
disabled={true}
hideErrorMessage={false}
key=".1"
label="API Key"
name="key"
required={false}
style={
Object {
"marginRight": undefined,
}
}
>
<div
className="split-layout-child control-group"
style={
Object {
"marginRight": undefined,
}
}
>
<div
className="controls"
>
<label
className="control-label"
htmlFor="id-key"
>
API Key
</label>
<input
className="form-control"
disabled={true}
id="id-key"
name="key"
onChange={[Function]}
required={false}
type="text"
value="aa624bcc12024702a202cd90be5feda0"
/>
</div>
</div>
</TextField>
</div>
</SpreadLayout>
</SplitLayout>
<MultipleCheckboxField
choices={
Array [
Array [
"project:read",
"project:read",
],
Array [
"project:write",
"project:write",
],
Array [
"project:admin",
"project:admin",
],
Array [
"project:releases",
"project:releases",
],
Array [
"team:read",
"team:read",
],
Array [
"team:write",
"team:write",
],
Array [
"team:admin",
"team:admin",
],
Array [
"event:read",
"event:read",
],
Array [
"event:write",
"event:write",
],
Array [
"event:admin",
"event:admin",
],
Array [
"org:read",
"org:read",
],
Array [
"org:write",
"org:write",
],
Array [
"org:admin",
"org:admin",
],
Array [
"member:read",
"member:read",
],
Array [
"member:write",
"member:write",
],
Array [
"member:admin",
"member:admin",
],
]
}
className="api-key-details"
disabled={false}
hideErrorMessage={false}
label="Scopes"
name="scope_list"
required={true}
>
<div
className="api-key-details control-group"
>
<div
className="required"
>
<div
className="controls"
>
<label
className="control-label"
style={
Object {
"borderBottom": "1px solid #f1eff3",
"display": "block",
"marginBottom": 10,
}
}
>
Scopes
</label>
</div>
</div>
<div
className="control-list"
>
<label
className="checkbox"
key="project:read"
>
<input
checked={true}
disabled={false}
onChange={[Function]}
type="checkbox"
value="project:read"
/>
project:read
</label>
<label
className="checkbox"
key="project:write"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="project:write"
/>
project:write
</label>
<label
className="checkbox"
key="project:admin"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="project:admin"
/>
project:admin
</label>
<label
className="checkbox"
key="project:releases"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="project:releases"
/>
project:releases
</label>
<label
className="checkbox"
key="team:read"
>
<input
checked={true}
disabled={false}
onChange={[Function]}
type="checkbox"
value="team:read"
/>
team:read
</label>
<label
className="checkbox"
key="team:write"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="team:write"
/>
team:write
</label>
<label
className="checkbox"
key="team:admin"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="team:admin"
/>
team:admin
</label>
<label
className="checkbox"
key="event:read"
>
<input
checked={true}
disabled={false}
onChange={[Function]}
type="checkbox"
value="event:read"
/>
event:read
</label>
<label
className="checkbox"
key="event:write"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="event:write"
/>
event:write
</label>
<label
className="checkbox"
key="event:admin"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="event:admin"
/>
event:admin
</label>
<label
className="checkbox"
key="org:read"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="org:read"
/>
org:read
</label>
<label
className="checkbox"
key="org:write"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="org:write"
/>
org:write
</label>
<label
className="checkbox"
key="org:admin"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="org:admin"
/>
org:admin
</label>
<label
className="checkbox"
key="member:read"
>
<input
checked={true}
disabled={false}
onChange={[Function]}
type="checkbox"
value="member:read"
/>
member:read
</label>
<label
className="checkbox"
key="member:write"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="member:write"
/>
member:write
</label>
<label
className="checkbox"
key="member:admin"
>
<input
checked={false}
disabled={false}
onChange={[Function]}
type="checkbox"
value="member:admin"
/>
member:admin
</label>
</div>
</div>
</MultipleCheckboxField>
<TextareaField
disabled={false}
help="Separate multiple entries with a newline"
hideErrorMessage={false}
label="Allowed Domains"
name="allowed_origins"
placeholder="e.g. example.com or https://example.com"
required={false}
>
<div
className="control-group"
>
<div
className="controls"
>
<label
className="control-label"
htmlFor="id-allowed_origins"
>
Allowed Domains
</label>
<textarea
className="form-control"
disabled={false}
id="id-allowed_origins"
onChange={[Function]}
placeholder="e.g. example.com or https://example.com"
required={false}
value=""
/>
<p
className="help-block"
>
Separate multiple entries with a newline
</p>
</div>
</div>
</TextareaField>
<div
className="form-actions align-right"
style={
Object {
"marginTop": 25,
}
}
>
<button
className="btn btn-primary"
disabled={false}
type="submit"
>
Save Changes
</button>
<button
className="btn btn-default"
disabled={false}
onClick={[Function]}
style={
Object {
"marginLeft": 5,
}
}
type="button"
>
Cancel
</button>
</div>
</form>
</StyledForm>
</ApiForm>
</div>
</DocumentTitle>
</SideEffect(DocumentTitle)>
</OrganizationApiKeyDetails>
`;