Registration Tab

Registration Tab

The Registration tab allows authorized users to finalize a company’s registration by entering critical details such as the VAT number and any relevant remarks.

This tab is:

• Visible to users with the company role.
• Editable only by users with the officer role during the review phase.

---

Creating the Registration Tab Component

We will follow the same layout and structure as used in the General tab.

Create the file:

src/pages/company/components/tabs/Registration.jsx

Registration.jsx

import {Input, Section, SectionContainer, Textarea} from "so-kit-ui";

const Registration = () => {
  return (
    <SectionContainer padded page>
      <Section columns={1}>
        <Section.Title>title.registration</Section.Title>
        <Section.Elements>
          <Input id='vatNumber' maxLength={11}/>
          <Textarea id='remark'/>
        </Section.Elements>
      </Section>
    </SectionContainer>
  );
};

export default Registration;

---

What This Component Does

• Uses SectionContainer and Section from so-kit-ui to format the layout.
• Contains:
  • Input field for vatNumber (limited to 11 characters)
  • Textarea for remark (used for notes or explanations)

The visibility and editability of these fields are managed using the fieldConfig logic in the configuration file, depending on the current user role and operation type (view, new, review).

This component completes the final tab in the company registration process.

We will see the field configuration in the next section.