myAuthRequired,
setIsoData,
} from "@utils/app";
+import { randomStr } from "@utils/helpers";
import { RouteDataResponse } from "@utils/types";
+import classNames from "classnames";
import { Component, linkEvent } from "inferno";
import {
ApproveRegistrationApplication,
}
unreadOrAllRadios() {
+ const radioId = randomStr();
+
return (
- <div className="btn-group btn-group-toggle flex-wrap mb-2">
+ <div className="btn-group btn-group-toggle flex-wrap mb-2" role="group">
+ <input
+ id={`${radioId}-unread`}
+ type="radio"
+ className="btn-check"
+ value={UnreadOrAll.Unread}
+ checked={this.state.unreadOrAll === UnreadOrAll.Unread}
+ onChange={linkEvent(this, this.handleUnreadOrAllChange)}
+ />
<label
- className={`btn btn-outline-secondary pointer
- ${this.state.unreadOrAll == UnreadOrAll.Unread && "active"}
- `}
+ htmlFor={`${radioId}-unread`}
+ className={classNames("btn btn-outline-secondary pointer", {
+ active: this.state.unreadOrAll === UnreadOrAll.Unread,
+ })}
>
- <input
- type="radio"
- className="btn-check"
- value={UnreadOrAll.Unread}
- checked={this.state.unreadOrAll == UnreadOrAll.Unread}
- onChange={linkEvent(this, this.handleUnreadOrAllChange)}
- />
{I18NextService.i18n.t("unread")}
</label>
+
+ <input
+ id={`${radioId}-all`}
+ type="radio"
+ className="btn-check"
+ value={UnreadOrAll.All}
+ checked={this.state.unreadOrAll === UnreadOrAll.All}
+ onChange={linkEvent(this, this.handleUnreadOrAllChange)}
+ />
<label
- className={`btn btn-outline-secondary pointer
- ${this.state.unreadOrAll == UnreadOrAll.All && "active"}
- `}
+ htmlFor={`${radioId}-all`}
+ className={classNames("btn btn-outline-secondary pointer", {
+ active: this.state.unreadOrAll === UnreadOrAll.All,
+ })}
>
- <input
- type="radio"
- className="btn-check"
- value={UnreadOrAll.All}
- checked={this.state.unreadOrAll == UnreadOrAll.All}
- onChange={linkEvent(this, this.handleUnreadOrAllChange)}
- />
{I18NextService.i18n.t("all")}
</label>
</div>
}
async refetch() {
- const unread_only = this.state.unreadOrAll == UnreadOrAll.Unread;
+ const unread_only = this.state.unreadOrAll === UnreadOrAll.Unread;
this.setState({
appsRes: { state: "loading" },
});
form
);
this.setState(s => {
- if (s.appsRes.state == "success" && approveRes.state == "success") {
+ if (s.appsRes.state === "success" && approveRes.state === "success") {
s.appsRes.data.registration_applications = editRegistrationApplication(
approveRes.data.registration_application,
s.appsRes.data.registration_applications