Fix implicit any TypeScript error

src/components/dashboard/users/AccessScheduleList.tsx

@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 import datetime from '../../../scripts/datetime';
 import globalize from '../../../scripts/globalize';
 
-const createButtonElement = ({index}) => ({
+const createButtonElement = (index: number) => ({
     __html: `<button
         type='button'
         is='paper-icon-button-light'
@@ -21,7 +21,7 @@ type IProps = {
     EndHour?: number;
 }
 
-function getDisplayTime(hours) {
+function getDisplayTime(hours = 0) {
     let minutes = 0;
     const pct = hours % 1;
 
@@ -49,9 +49,7 @@ const AccessScheduleList: FunctionComponent<IProps> = ({index, DayOfWeek, StartH
                 </div>
             </div>
             <div
-                dangerouslySetInnerHTML={createButtonElement({
-                    index: index
-                })}
+                dangerouslySetInnerHTML={createButtonElement(index)}
             />
         </div>
     );

src/components/dashboard/users/BlockedTagList.tsx

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 
-const createButtonElement = ({tag}) => ({
+const createButtonElement = (tag?: string) => ({
     __html: `<button
         type='button'
         is='paper-icon-button-light'
@@ -25,9 +25,7 @@ const BlockedTagList: FunctionComponent<IProps> = ({tag}: IProps) => {
                     </h3>
                 </div>
                 <div
-                    dangerouslySetInnerHTML={createButtonElement({
-                        tag: tag
-                    })}
+                    dangerouslySetInnerHTML={createButtonElement(tag)}
                 />
             </div>
 

src/components/dashboard/users/ButtonElement.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createButtonElement = ({ type, className, title }) => ({
+const createButtonElement = ({ type, className, title }: { type?: string, className?: string, title?: string }) => ({
     __html: `<button
         is="emby-button"
         type="${type}"

src/components/dashboard/users/CheckBoxElement.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createCheckBoxElement = ({ labelClassName, type, className, title }) => ({
+const createCheckBoxElement = ({ labelClassName, type, className, title }: { labelClassName?: string, type?: string, className?: string, title?: string }) => ({
     __html: `<label class="${labelClassName}">
         <input
             is="emby-checkbox"

src/components/dashboard/users/CheckBoxListItem.tsx

@@ -9,7 +9,7 @@ type IProps = {
     checkedAttribute?: string;
 }
 
-const createCheckBoxElement = ({className, Name, dataAttributes, AppName, checkedAttribute}) => ({
+const createCheckBoxElement = ({className, Name, dataAttributes, AppName, checkedAttribute}: {className?: string, Name?: string, dataAttributes?: string, AppName?: string, checkedAttribute?: string}) => ({
     __html: `<label>
         <input
             type="checkbox"

src/components/dashboard/users/InputElement.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createInputElement = ({ type, id, label, options }) => ({
+const createInputElement = ({ type, id, label, options }: { type?: string, id?: string, label?: string, options?: string }) => ({
     __html: `<input
         is="emby-input"
         type="${type}"

src/components/dashboard/users/LinkEditUserPreferences.tsx

@@ -6,7 +6,7 @@ type IProps = {
     className?: string;
 }
 
-const createLinkElement = ({ className, title }) => ({
+const createLinkElement = ({ className, title }: IProps) => ({
     __html: `<a
         is="emby-linkbutton"
         class="${className}"

src/components/dashboard/users/SectionTabs.tsx

@@ -5,7 +5,7 @@ type IProps = {
     activeTab: string;
 }
 
-const createLinkElement = ({ activeTab }) => ({
+const createLinkElement = (activeTab: string) => ({
     __html: `<a href="#"
         is="emby-linkbutton"
         data-role="button"
@@ -42,9 +42,7 @@ const SectionTabs: FunctionComponent<IProps> = ({activeTab}: IProps) => {
             data-role='controlgroup'
             data-type='horizontal'
             className='localnav'
-            dangerouslySetInnerHTML={createLinkElement({
-                activeTab: activeTab
-            })}
+            dangerouslySetInnerHTML={createLinkElement(activeTab)}
         />
     );
 };

src/components/dashboard/users/SectionTitleButtonElement.tsx

@@ -7,7 +7,7 @@ type IProps = {
     icon: string,
 }
 
-const createButtonElement = ({ className, title, icon }) => ({
+const createButtonElement = ({ className, title, icon }: { className?: string, title: string, icon: string }) => ({
     __html: `<button
         is="emby-button"
         type="button"

src/components/dashboard/users/SectionTitleLinkElement.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createLinkElement = ({ className, title, href }) => ({
+const createLinkElement = ({ className, title, href }: { className?: string, title?: string, href?: string }) => ({
     __html: `<a
         is="emby-linkbutton"
         rel="noopener noreferrer"

src/components/dashboard/users/SelectElement.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createSelectElement = ({ className, label, option }) => ({
+const createSelectElement = ({ className, label, option }: { className?: string, label: string, option: string[] }) => ({
     __html: `<select
         class="${className}"
         is="emby-select"

src/components/dashboard/users/SelectMaxParentalRating.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createSelectElement = ({ className, label, option }) => ({
+const createSelectElement = ({ className, label, option }: { className?: string, label: string, option: string }) => ({
     __html: `<select
         class="${className}"
         is="emby-select"

src/components/dashboard/users/SelectSyncPlayAccessElement.tsx

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import globalize from '../../../scripts/globalize';
 
-const createSelectElement = ({ className, id, label }) => ({
+const createSelectElement = ({ className, id, label }: { className?: string, id?: string, label: string }) => ({
     __html: `<select
         class="${className}"
         is="emby-select"

src/components/dashboard/users/UserCardBox.tsx

@@ -1,10 +1,11 @@
+import { UserDto } from '@thornbill/jellyfin-sdk/dist/generated-client';
 import React, { FunctionComponent } from 'react';
 import { formatDistanceToNow } from 'date-fns';
 import { localeWithSuffix } from '../../../scripts/dfnshelper';
 import globalize from '../../../scripts/globalize';
 import cardBuilder from '../../cardbuilder/cardBuilder';
 
-const createLinkElement = ({ user, renderImgUrl }) => ({
+const createLinkElement = ({ user, renderImgUrl }: { user: UserDto, renderImgUrl: string }) => ({
     __html: `<a
         is="emby-linkbutton"
         class="cardContent"
@@ -28,7 +29,7 @@ type IProps = {
     user?: Record<string, any>;
 }
 
-const getLastSeenText = (lastActivityDate) => {
+const getLastSeenText = (lastActivityDate?: string) => {
     if (lastActivityDate) {
         return globalize.translate('LastSeen', formatDistanceToNow(Date.parse(lastActivityDate), localeWithSuffix));
     }