Leaderboard Management

npm  install  fansunited-widget-leaderboard

yarn  add  fansunited-widget-leaderboard

import  'fansunited-widget-leaderboard/style.css';
import { LeaderboardManager } from  'fansunited-widget-leaderboard';

const  App = () => {
return (
<LeaderboardManager
    fansUnitedApiKey={'your-api-key'}
    fansUnitedClientId={'your-client-id'} />
);
}

type  LeaderboardManagerProps = {
    fansUnitedApiKey: string;
    fansUnitedClientId: string;
    fansUnitedLanguage?: string;
    labels?: LabelsModel;
};

import  'fansunited-widget-leaderboard/style.css';
import { LeaderboardManager } from  'fansunited-widget-leaderboard';

const  labels = {
    userNotFound:  'User not found. Please try again.',
    clientConfigErrorMessage:  "There was a problem fetching client's configuration. Please check again your API key and client ID. For more information contact Fans United staff.",
    featureDisabled: "Feature disabled!",
    noPermissionMessage: "You have no permission for this feature!",
    tryAgainButton: "Try again",
    noTemplatesFound:  "No templates were found. You can create a template by clicking the button 'Create template'",
    createTemplate:  'Create template',
    name:  'Name',
    type:  'Type',
    markets: "Markets",
    fromDate:  'From Date',
    toDate:  'To Date',
    actions:  'Actions',
    primaryTemplate:  'Primary',
    customTemplate:  'Custom',
    edit:  'Edit',
    report:  'Report',
    timeFormat:  'DD-MM-YYYY',
    back:  'Back',
    namePlaceholder:  'Please provide a name for your template leaderboard.',
    description:  'Description',
    descriptionPlaceholder:  'Please describe your template leaderboard.',
    templateDuration: "Template leaderboard duration",
    templateDurationDescription: "Users can participate in this template during given period.",
    clear: "Clear",
    clearDurationTimeMessage: "You have cleared your duration template time.",
    marketSelection:  'Market Selection',
    marketSelectionDescription: "Check what market users can predict for the specified template.",
    marketFt1x2:  'Full time',
    marketHt1x2:  'Half time',
    marketBothTeamsScore:  'Both teams score',
    marketDoubleChance:  'Double chance',
    marketHtFt:  'Half time/Full time',
    marketRedCardMatch:  'Red card in match',
    marketPenaltyMatch:  'Pentalty in match',
    marketCornersMatch:  'Corners in match',
    marketCorrectScore:  'Correct score',
    marketPlayerScore:  'Player score',
    marketPlayerYellowCard:  'Yellow card for player',
    marketPlayerRedCard:  'Red card for player',
    marketPlayerScoreFirstGoal:  'Player to score first goal',
    marketPlayerScoreTwice:  'Player to score twice',
    marketPlayerScoreHattrick:  'Player to score hattrick',
    marketOverZeroGoals:  'Over zero goals',
    marketOverOneGoals:  'Over one goals',
    marketOverTwoGoals:  'Over two goals',
    marketOverThreeGoals:  'Over three goals',
    marketOverFourGoals:  'Over four goals',
    marketOverFiveGoals:  'Over five goals',
    marketOverSixGoals:  'Over six goals',
    marketOverSixCorners:  'Over six corners',
    marketOverSevenCorners:  'Over seven corners',
    marketOverEightCorners:  'Over eight corners',
    marketOverNineCorners:  'Over nine corners',
    marketOverTenCorners:  'Over ten corners',
    marketOverElevenCorners:  'Over eleven corners',
    marketOverTwelveCorners:  'Over twelve corners',
    marketOverThirteenCorners:  'Over thirteen corners',
    competitionsSelection: "Competitions Selection",
    competitionsSelectionDescription: "Type the name of the competition and select one. You can add as many as you want.",
    teamsSelection: "Teams Selection",
    teamsSelectionDescription: "Type the name of the team and select one. You can add as many as you want.",
    matchesSelection: "Matches Selection",
    matchesSelectionDescription: "Type the name of the team and select one. Then there will be loaded next matches for teams.",
    selectCompetitionsNoCompetitionFound: "No competitions were found. Please try again.",
    selectCompetitionsPlaceholder: "Type the name of your competition",
    selectTeamsNoTeamFound: "No teams were found. Please try again.",
    selectTeamsNoMatchesFound: "No matches were found for these teams",
    selectTeamsPlaceholder: "Type the name of your team",
    loadingMessage: "Loading...",
    loadMore: "Load more",
    rules: "Rules",
    rulesDescription: "Describe your rules for participating in template. You can type plain text or html tags.",
    flagsLabel: "Flags",
    flagsPlaceholder: "Type your flag and hit enter",
    repeatedFlagMessage: "You have entered a repeated flag. Please enter a different one.",
    getTemplatesErrorMessage: "There was a problem with fetching templates. Please try again. For more information contact Fans United staff.",
    createTemplateMessage: "You have successfully created a template.",
    provideNameTemplateErrorMessage: "You need to provide a name to your template!",
    provideDurationTemplateErrorMessage: "You need to provide a duration to your template!",
    createTemplateErrorMessage: "There was a problem with creating the template. Please try again."
};

const  App = () => {
return (
<LeaderboardManager
    fansUnitedApiKey={'your-api-key'}
    fansUnitedClientId={'your-client-id'}
    labels={labels}/>
);
}