19789667316

Committed 29 Nov 2025 09:39PM UTC coverage: 91.477% (-0.007%) from 91.484%

Build # 19789667316

Build Type

Pull #7732

github

Committed by

web-flow

Commit Message

Merge aac62a541 into 2f88e253b

Pull Request Pull Request #7732: Migrate Course Summary Table to @tanstack/react-table v8

Run Details

913 of 1809 branches covered (50.47%)

Branch coverage included in aggregate %.

26 of 42 new or added lines in 2 files covered. (61.9%)

2 existing lines in 2 files now uncovered.

43597 of 46848 relevant lines covered (93.06%)

121.56 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

85.71

/app/javascript/Components/instructor_table.jsx

import React from "react";
import {createRoot} from "react-dom/client";
import PropTypes from "prop-types";

import Table from "./table/table";
import {createColumnHelper} from "@tanstack/react-table";
import {faPencil} from "@fortawesome/free-solid-svg-icons";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";

class InstructorTable extends React.Component {
  constructor() {
    super();
    this.state = {
      data: [],
      loading: true,
    };
    this.fetchData = this.fetchData.bind(this);

    const columnHelper = createColumnHelper();
    this.columns = [
      columnHelper.accessor("user_name", {
        header: () => I18n.t("activerecord.attributes.user.user_name"),
      }),
      columnHelper.accessor("first_name", {
        header: () => I18n.t("activerecord.attributes.user.first_name"),
      }),
      columnHelper.accessor("last_name", {
        header: () => I18n.t("activerecord.attributes.user.last_name"),
      }),
      columnHelper.accessor("email", {
        header: () => I18n.t("activerecord.attributes.user.email"),
      }),
      columnHelper.accessor("hidden", {
        header: () => I18n.t("roles.active") + "?",
        filterFn: "equalsString",
        meta: {
          filterVariant: "select",
        },
      }),
      columnHelper.accessor("id", {
        id: "id",
        enableSorting: false,
        enableColumnFilter: false,
        header: () => I18n.t("actions"),
        cell: props => (
          <a
            href={Routes.edit_course_instructor_path(this.props.course_id, props.getValue())}
            aria-label={I18n.t("edit")}
            title={I18n.t("edit")}
          >
            <FontAwesomeIcon icon={faPencil} />
          </a>
        ),
      }),
    ];
  }

  componentDidMount() {
    this.setState({loading: true});
    this.fetchData().then(data => this.setState({data: this.processData(data), loading: false}));
  }

  fetchData() {
    return fetch(Routes.course_instructors_path(this.props.course_id), {
      headers: {
        Accept: "application/json",
      },
    })
      .then(response => {
        if (response.ok) {
          return response.json();
        }
      })
      .then(json => json.data);
  }

  processData(data) {
    data.forEach(row => (row.hidden = I18n.t(row.hidden ? "roles.inactive" : "roles.active")));
    return data;
  }

  render() {
    return (
      <Table
        data={this.state.data}
        columns={this.columns}
        noDataText={I18n.t("instructors.empty_table")}
        loading={this.state.loading}
      />
    );
  }
}

InstructorTable.propTypes = {
  course_id: PropTypes.number,
};

function makeInstructorTable(elem, props) {
  const root = createRoot(elem);
  root.render(<InstructorTable {...props} />);
}

export {makeInstructorTable, InstructorTable};

1	import React from "react";
2	import {createRoot} from "react-dom/client";
3	import PropTypes from "prop-types";
4
5	import Table from "./table/table";
6	import {createColumnHelper} from "@tanstack/react-table";
7	import {faPencil} from "@fortawesome/free-solid-svg-icons";
8	import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
9
10	class InstructorTable extends React.Component {
11	constructor() {
12	super();	4✔
13	this.state = {	3✔
14	data: [],
15	loading: true,
16	};
17	this.fetchData = this.fetchData.bind(this);	3✔
18
19	const columnHelper = createColumnHelper();	3✔
20	this.columns = [	3✔
21	columnHelper.accessor("user_name", {
22	header: () => I18n.t("activerecord.attributes.user.user_name"),	10✔
23	}),
24	columnHelper.accessor("first_name", {
25	header: () => I18n.t("activerecord.attributes.user.first_name"),	10✔
26	}),
27	columnHelper.accessor("last_name", {
28	header: () => I18n.t("activerecord.attributes.user.last_name"),	10✔
29	}),
30	columnHelper.accessor("email", {
31	header: () => I18n.t("activerecord.attributes.user.email"),	10✔
32	}),
33	columnHelper.accessor("hidden", {
UNCOV 34	header: () => I18n.t("roles.active") + "?",	×
35	filterFn: "equalsString",
36	meta: {
37	filterVariant: "select",
38	},
39	}),
40	columnHelper.accessor("id", {
41	id: "id",
42	enableSorting: false,
43	enableColumnFilter: false,
44	header: () => I18n.t("actions"),	10✔
45	cell: props => (
46	<a	4✔
47	href={Routes.edit_course_instructor_path(this.props.course_id, props.getValue())}
48	aria-label={I18n.t("edit")}
49	title={I18n.t("edit")}
50	>
51	<FontAwesomeIcon icon={faPencil} />
52	</a>
53	),
54	}),
55	];
56	}
57
58	componentDidMount() {
59	this.setState({loading: true});	3✔
60	this.fetchData().then(data => this.setState({data: this.processData(data), loading: false}));	3✔
61	}
62
63	fetchData() {
64	return fetch(Routes.course_instructors_path(this.props.course_id), {	3✔
65	headers: {
66	Accept: "application/json",
67	},
68	})
69	.then(response => {
70	if (response.ok) {	2!
71	return response.json();	2✔
72	}
73	})
74	.then(json => json.data);	2✔
75	}
76
77	processData(data) {
78	data.forEach(row => (row.hidden = I18n.t(row.hidden ? "roles.inactive" : "roles.active")));	2✔
79	return data;	2✔
80	}
81
82	render() {
83	return (	8✔
84	<Table
85	data={this.state.data}
86	columns={this.columns}
87	noDataText={I18n.t("instructors.empty_table")}
88	loading={this.state.loading}
89	/>
90	);
91	}
92	}
93
94	InstructorTable.propTypes = {	1✔
95	course_id: PropTypes.number,
96	};
97
98	function makeInstructorTable(elem, props) {
99	const root = createRoot(elem);	×
100	root.render(<InstructorTable {...props} />);	×
101	}
102
103	export {makeInstructorTable, InstructorTable};

MarkUsProject / Markus / 19789667316

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous