Function CurrentlyInkedSummaryWidgetContent has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const CurrentlyInkedSummaryWidgetContent = () => {
  const { data } = useContext(WidgetDataContext);
  const { active, total, usage_records } = data.attributes;
  return (
    <>

Function CollectedInks has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export const CollectedInks = ({ archive }) => {
  const [inks, setInks] = useState();

  useEffect(() => {
    async function getCollectedInks() {

• Read up
  Read up

Function dist has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const dist = (macroClusterInks, microClusterInks) => {
  const calc1 = (c1, c2) =>
    minLev(c1.brand_name, c2.brand_name) +
    0.5 * minLev(c1.line_name, c2.line_name) +
    minLev(c1.ink_name, c2.ink_name);

Function getMacroClusters has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const getMacroClusters = (dispatch) => {
  let data = [];
  const formatter = new Jsona();
  function run(page = 1) {
    loadMacroClusterPage(page).then((json) => {

Function InksVisualizationWidgetContent has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InksVisualizationWidgetContent = () => {
  const { data } = useContext(WidgetDataContext);
  const [includeArchived, setIncludeArchived] = useState(false);
  const width = useContext(WidgetWidthContext);
  return (

Method to_csv has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  def self.to_csv
    CSV.generate(col_sep: ";") do |csv|
      csv << [
        "Used On",
        "Pen Brand",

Method to_csv has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  def self.to_csv
    CSV.generate(col_sep: ";") do |csv|
      csv << [
        "Brand",
        "Line",

Function getMacroClusters has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const getMacroClusters = (dispatch) => {
  let data = [];
  const formatter = new Jsona();
  function run(page = 1) {
    loadMacroClusterPage(page).then((json) => {

Function CurrentlyInked has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const CurrentlyInked = () => {
  const [currentlyInked, setCurrentlyInked] = useState();

  useEffect(() => {
    async function getData() {

Function PenSuggestionWidgetContent has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const PenSuggestionWidgetContent = () => {
  const data = useContext(WidgetDataContext);
  const pens = useMemo(() => scorePens(filterPens(data)), [data]);
  const [pickedPen, setPickedPen] = useState();

Function getMicroClusters has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const getMicroClusters = (dispatch) => {
  const formatter = new Jsona();
  let data = [];
  function run(page = 1) {
    loadMicroClusterPage(page).then((json) => {

Function PenCard has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.

Open

export const PenCard = (props) => {
  const {
    hiddenFields,
    id,
    brand,

• Read up
  Read up

Function CurrentlyInked has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const CurrentlyInked = () => {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch("/admins/graphs/currently-inked.json")
      .then((res) => res.json())

Function CollectedPens has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const CollectedPens = () => {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch("/admins/graphs/collected-pens.json")
      .then((res) => res.json())

Function createMacroClusterAndAssign has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const createMacroClusterAndAssign = (
  values,
  microClusterId,
  dispatch,
  afterCreate

Function CollectedInks has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const CollectedInks = () => {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch("/admins/graphs/collected-inks.json")
      .then((res) => res.json())

Function run has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function run(page = 1) {
    loadMacroClusterPage(page).then((json) => {
      const pagination = json.meta.pagination;
      dispatch({
        type: SET_LOADING_PERCENTAGE,

Function run has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function run(page = 1) {
    loadMacroClusterPage(page).then((json) => {
      const pagination = json.meta.pagination;
      dispatch({
        type: SET_LOADING_PERCENTAGE,

Function SignUps has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const SignUps = () => {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch("/admins/graphs/signups.json")
      .then((res) => res.json())

Function UsageRecords has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const UsageRecords = () => {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch("/admins/graphs/usage-records.json")
      .then((res) => res.json())