Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(DeviceSettings): info alert with a link to the documentation #2020

Merged
merged 10 commits into from
May 17, 2024
Merged

feat(DeviceSettings): info alert with a link to the documentation #2020

Changes from 3 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
abc0b6e
feat(DeviceSettings): info alert with a link to the documentation
MacDada May 11, 2024
ed2d935
fix(DeviceSettings): "noreferrer" link
MacDada May 11, 2024
4252ac2
fix(DeviceSettings): fixed code style
MacDada May 11, 2024
347a372
feat(DeviceSettings): styling of docs info alert
MacDada May 11, 2024
2e2272f
fix(DeviceSettings): docs info alert icon
MacDada May 14, 2024
f9ee9ba
style(DeviceSettings): removed unnecessary <div>
MacDada May 14, 2024
080e707
refactor(DeviceSettings): extracted ReadTheDocsInfo
MacDada May 14, 2024
5e27780
refactor(DeviceSettings): extracted ReadTheDocsInfo.tsx
MacDada May 14, 2024
6994e27
style(DeviceSettings): whitespace
MacDada May 14, 2024
0eb757b
fix(ReadTheDocsInfo): i18n
MacDada May 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 34 additions & 8 deletions src/components/device-page/DeviceSettings.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,14 +54,40 @@ export class DeviceSettings extends Component<DeviceSettingsProps, DeviceSetting
render(): ReactNode {
const { schema, data, uiSchema } = this.getSchemaAndConfig();
return (
<Form
schema={schema}
formData={data}
onSubmit={this.updateConfig}
onChange={this.onFormChange}
uiSchema={uiSchema}
fields={{ TitleField, DescriptionField }}
/>
<div>
MacDada marked this conversation as resolved.
Show resolved Hide resolved
<div className="card alert alert-info" role="alert">
<div className="card-body">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
className="bi bi-info-circle-fill flex-shrink-0 me-2"
viewBox="0 0 16 16"
>
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2" />
</svg>

<a
href="https://www.zigbee2mqtt.io/guide/configuration/devices-groups.html#common-device-options"
target="_blank"
rel="noreferrer"
className="alert-link"
>
Read about this in the documentation…
</a>
</div>
</div>

<Form
schema={schema}
formData={data}
onSubmit={this.updateConfig}
onChange={this.onFormChange}
uiSchema={uiSchema}
fields={{ TitleField, DescriptionField }}
/>
</div>
);
}
}