Edit company interest

app/reducers/companyInterest.ts

@@ -3,6 +3,16 @@ import type { CompanySemesterEntity } from 'app/reducers/companySemesters';
 import createEntityReducer from 'app/utils/createEntityReducer';
 import { CompanyInterestForm } from '../actions/ActionTypes';
 
+export enum CompanyInterestCompanyType {
+  SmallConsultant = 'company_types_small_consultant',
+  MediumConsultant = 'company_types_medium_consultant',
+  LargeConsultant = 'company_types_large_consultant',
+  Inhouse = 'company_types_inhouse',
+  Others = 'company_types_others',
+  StartUp = 'company_types_start_up',
+  Governmental = 'company_types_governmental',
+}
+
 export type CompanyInterestEntity = {
   id: number;
   companyName: string;
@@ -16,6 +26,8 @@ export type CompanyInterestEntity = {
   collaboration: boolean;
   comment: boolean;
   semesters: Array<CompanySemesterEntity>;
+  companyType: CompanyInterestCompanyType;
+  officeInTrondheim: boolean;
 };
 export default createEntityReducer({
   key: 'companyInterest',

app/routes/bdb/EditCompanyRoute.ts

@@ -1,15 +1,15 @@
 import { connect } from 'react-redux';
 import { compose } from 'redux';
+import {
+  editCompany,
+  fetchAdmin,
+  deleteCompany,
+} from 'app/actions/CompanyActions';
 import { uploadFile } from 'app/actions/FileActions';
 import { LoginPage } from 'app/components/LoginForm';
 import { selectCompanyById } from 'app/reducers/companies';
 import replaceUnlessLoggedIn from 'app/utils/replaceUnlessLoggedIn';
 import withPreparedDispatch from 'app/utils/withPreparedDispatch';
-import {
-  editCompany,
-  fetchAdmin,
-  deleteCompany,
-} from '../../actions/CompanyActions';
 import CompanyEditor from './components/CompanyEditor';
 
 const mapStateToProps = (state, props) => {

app/routes/companyInterest/CompanyInterestEditRoute.ts

@@ -16,6 +16,7 @@ import CompanyInterestPage, {
   OTHER_TYPES,
   TARGET_GRADE_TYPES,
   PARTICIPANT_RANGE_MAP,
+  SURVEY_OFFER_TYPES,
 } from './components/CompanyInterestPage';
 import { sortSemesterChronologically } from './utils';
 
@@ -37,6 +38,7 @@ const mapStateToProps = (state, props) => {
   const allCollaborations = Object.keys(COLLABORATION_TYPES);
   const allTargetGrades = Object.keys(TARGET_GRADE_TYPES);
   const allParticipantRanges = Object.keys(PARTICIPANT_RANGE_MAP);
+  const allSurveyOffers = Object.keys(SURVEY_OFFER_TYPES);
   const allowedBdb = state.allowed.bdb;
   const participantRange =
     allParticipantRanges.filter(
@@ -62,6 +64,12 @@ const mapStateToProps = (state, props) => {
         checked:
           companyInterest.events && companyInterest.events.includes(event),
       })),
+      companyCourseThemes: allSurveyOffers.map((offer) => ({
+        name: offer,
+        checked:
+          companyInterest.companyCourseThemes &&
+          companyInterest.companyCourseThemes.includes(offer),
+      })),
       otherOffers: allOtherOffers.map((offer) => ({
         name: offer,
         checked:
@@ -80,6 +88,7 @@ const mapStateToProps = (state, props) => {
           companyInterest.targetGrades &&
           companyInterest.targetGrades.includes(Number(targetGrade)),
       })),
+
       participantRange: (participantRange && participantRange[0]) || null,
       semesters: semesters
         .map((semester) => ({

app/routes/companyInterest/CompanyInterestRoute.ts

@@ -11,6 +11,7 @@ import CompanyInterestPage, {
   OTHER_TYPES,
   COLLABORATION_TYPES,
   TARGET_GRADE_TYPES,
+  SURVEY_OFFER_TYPES,
 } from './components/CompanyInterestPage';
 import { sortSemesterChronologically } from './utils';
 
@@ -30,6 +31,7 @@ const mapStateToProps = (state, props) => {
   const allOtherOffers = Object.keys(OTHER_TYPES);
   const allCollaborations = Object.keys(COLLABORATION_TYPES);
   const allTargetGrades = Object.keys(TARGET_GRADE_TYPES);
+  const allSurveyOffers = Object.keys(SURVEY_OFFER_TYPES);
   const allowedBdb = state.allowed.bdb;
   const language = pathname === '/register-interest' ? 'english' : 'norwegian';
   return {
@@ -39,6 +41,10 @@ const mapStateToProps = (state, props) => {
         name: event,
         checked: false,
       })),
+      companyCourseThemes: allSurveyOffers.map((offer) => ({
+        name: offer,
+        checked: false,
+      })),
       otherOffers: allOtherOffers.map((offer) => ({
         name: offer,
         checked: false,
@@ -52,6 +58,8 @@ const mapStateToProps = (state, props) => {
         checked: false,
       })),
       participantRange: null,
+      companyTypes: null,
+      officeInTrondheim: null,
       semesters: semesters.sort(sortSemesterChronologically),
     },
     interestForm: {

app/routes/companyInterest/components/CompanyInterest.css

@@ -79,6 +79,7 @@
 
 .checkboxField {
   width: 30px;
+  margin-top: 5px;
 }
 
 .content {
@@ -148,3 +149,16 @@
   width: 5em;
   object-fit: cover;
 }
+
+.subHeading {
+  margin-bottom: 0.5em;
+}
+
+ion-icon {
+  font-size: 20px;
+}
+
+.tooltip {
+  text-transform: initial;
+  font-weight: initial;
+}