---
# System prepended metadata

title: Greece Compliant and Non-Compliant Setup

---

# Greece Compliant and Non-Compliant Setup


> Compliant Pages should have no pre-fill pin

## Root.tsx
Add this under the function Root

    const [compliant, setCompliant] =React.useState("compliant")

Add this inside the PhoneNumberEntryStep Component:

    locale={locale}
    
    legals={legals}

	compliant={compliant}
    
Change the disclaimer component to:

    <Disclaimer  className={`disclaimer brand-${process.env.service}`}  locale={locale}  legals={legals}  />

Add this inside the Modal Component

    locale={locale}  legals={legals}  compliant={compliant}
## Root.css
Find and Replace the following:


    .brand-winimi {
    display: inherit  !important;
    }

Change to:

    .disclaimer.brand-mobiworld  .brand-default,
    
    .disclaimer.brand-frogstar  .brand-frogstar,
    
    .disclaimer.brand-funiwin  .brand-funiwin,
    
    .disclaimer.brand-winifun  .brand-winifun,
    
    .disclaimer.brand-winimo  .brand-winimo,
    
    .disclaimer.brand-winimi  .brand-winimi,
    
    .disclaimer.brand-gamezones  .brand-gamezones,
    
    .disclaimer.brand-appspool  .brand-appspool,
    
    .disclaimer.brand-mobioastro  .brand-mobioastro,
    
    .disclaimer.brand-checkastro  .brand-checkastro,
    
    .disclaimer.brand-sugar-girls  .brand-sugar-girls{
    
    display: inherit  !important;
    
    }



## PhoneNumberEntryStep Index

Import the following:

    import  ExtraDisclaimer  from  "ouisys-clients/dist/clients/legal-components/extra-disclaimers";


Add the following inside the class PhoneNumberEntryStep

    locale,
    
    legals,
    
    compliant

Change the div with classname terms to:

    <div  className={`terms service-${process.env.service}  ${this.props.compliant}`}>

inside the Label htmlFor-"agree" tag

replace `<Translate  id="accept_text"....`

with

    <ExtraDisclaimer  className="disclaimer"  locale={this.props.locale}  legals={this.props.legals}  />



## PhoneNumberEntry SCSS

Inside PhoneNumberEntryStep.scss add the following outside numberEntry.

    .terms{
    
    font-size: 12px;
    
    line-height: 1.5em;
    
      
    
    a{
    
    text-decoration: underline;
    
    }
    
      
    
    &.compliant{
    
    margin-right:10px;
    
    text-align:left;
    
    }
    
      
    
    &.non-compliant{
    
    text-align: center;
    
    }
    
      
    
    &.service-mobiworld.compliant  .service-default,
    
    &.service-mobiworld.compliant  .compliant,
    
    &.service-mobiworld.non-compliant  .service-default,
    
    &.service-mobiworld.non-compliant  .non-compliant,
    
    &.service-frogstar.compliant  .service-frogstar,
    
    &.service-frogstar.compliant  .compliant,
    
    &.service-frogstar.non-compliant  .service-frogstar,
    
    &.service-frogstar.non-compliant  .non-compliant,
    
    &.service-funiwin.compliant  .service-funiwin,
    
    &.service-funiwin.compliant  .compliant,
    
    &.service-funiwin.non-compliant  .service-funiwin,
    
    &.service-funiwin.non-compliant  .non-compliant,
    
    &.service-winifun.compliant  .service-winifun,
    
    &.service-winifun.compliant  .compliant,
    
    &.service-winifun.non-compliant  .service-winifun,
    
    &.service-winifun.non-compliant  .non-compliant,
    
    &.service-winimo.compliant  .service-winimo,
    
    &.service-winimo.compliant  .compliant,
    
    &.service-winimo.non-compliant  .service-winimo,
    
    &.service-winimo.non-compliant  .non-compliant,
    
    &.service-winimi.compliant  .service-winimi,
    
    &.service-winimi.compliant  .compliant,
    
    &.service-winimi.non-compliant  .service-winimi,
    
    &.service-winimi.non-compliant  .non-compliant,
    
    &.service-gamezones.compliant  .service-gamezones,
    
    &.service-gamezones.compliant  .compliant,
    
    &.service-gamezones.non-compliant  .service-gamezones,
    
    &.service-gamezones.non-compliant  .non-compliant,
    
    &.service-appspool.compliant  .service-appspool,
    
    &.service-appspool.compliant  .compliant,
    
    &.service-appspool.non-compliant  .service-appspool,
    
    &.service-appspool.non-compliant  .non-compliant,
    
    &.service-mobioastro.compliant  .service-mobioastro,
    
    &.service-mobioastro.compliant  .compliant,
    
    &.service-mobioastro.non-compliant  .service-mobioastro,
    
    &.service-mobioastro.non-compliant  .non-compliant,
    
    &.service-checkastro.compliant  .service-checkastro,
    
    &.service-checkastro.compliant  .compliant,
    
    &.service-checkastro.non-compliant  .service-checkastro,
    
    &.service-checkastro.non-compliant  .non-compliant,
    
    &.service-sugar-girls.compliant  .service-sugar-girls,
    
    &.service-sugar-girls.compliant  .compliant,
    
    &.service-sugar-girls.non-compliant  .service-sugar-girls,
    
    &.service-sugar-girls.non-compliant  .non-compliant
    
    {
    
    display: block;
    
    }
    
      
    
    label{
    
    flex:1;
    
    display: flex;
    
    flex-direction: row;
    
    justify-content: center;
    
      
    
    .disclaimer{
    
    margin-left: 10px;
    
      
    
    div{
    
      
    
    ul{
    
    margin:0;
    
    padding:0;
    
      
    
    li{
    
    margin:0;
    
    padding:0;
    
    display: none;
    
    list-style: none;
    
      
    
    div{
    
    display:none;
    
    }
    
    }
    
      
    
    }
    
      
    
    }
    
      
    
    }
    
      
    
    }
    
      
    
    }


## ModalStep TSX
Import the following:

    import  ExtraDisclaimer  from  "ouisys-clients/dist/clients/legal-components/extra-disclaimers";
    
Add the following inside interface IProps:

    locale,
    
    legals,
    
    compliant

Change the following inside modal-content:

    <Translate  id="accept_text"  defaultMessage="I accept the Terms...

to

    <div  className={`terms service-${process.env.service}  ${this.props.compliant}`}>
    
      
    
    <ExtraDisclaimer  className="disclaimer"  locale={this.props.locale}  legals={this.props.legals}  />
    
      
    
    </div>

## ModalStep SCSS

Add inside .modal-content class the following:

    
     .terms{
    
    font-size: 14px;
    
    line-height: 1.5em;
    
      
    
    &.compliant{
    
    margin-right:10px;
    
    text-align: justify;
    
    }
    
    &.non-compliant{
    
    text-align: center;
    
    }
    
      
    
    ul{
    
    margin:0;
    
    padding:0;
    
      
    
    li{
    
    margin:0;
    
    padding:0;
    
    display: none;
    
    list-style: none;
    
      
    
    div{
    
    display: none;
    
    }
    
      
    
    }
    
      
    
    }
    
      
    
    }
    
## Pin FIX

`<strong>{parseInt(this.props.actualPIN) >= 0 ? this.props.actualPIN : ""}</strong>`