Add option to toggle agency visibility in the frontend

aelassas · Feb 4, 2025 · a2d8148 · a2d8148
1 parent d2228ae
commit a2d8148
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 14 deletions.
diff --git a/frontend/.env.docker.example b/frontend/.env.docker.example
@@ -27,3 +27,4 @@ VITE_MI_GG_APP_ID=XXXXXXXXXX
 VITE_MI_MIN_LOCATIONS=4
 VITE_MI_CONTACT_EMAIL=info@movinin.io
 VITE_MI_WEBSITE_NAME="Movin' In"
+VITE_MI_HIDE_AGENCIES=false
diff --git a/frontend/.env.example b/frontend/.env.example
@@ -28,3 +28,4 @@ VITE_MI_GG_APP_ID=XXXXXXXXXX
 VITE_MI_MIN_LOCATIONS=4
 VITE_MI_CONTACT_EMAIL=info@movinin.io
 VITE_MI_WEBSITE_NAME="Movin' In"
+VITE_MI_HIDE_AGENCIES=false
diff --git a/frontend/src/config/env.config.ts b/frontend/src/config/env.config.ts
@@ -112,6 +112,7 @@ const env = {
   GG_APP_ID: String(import.meta.env.VITE_MI_GG_APP_ID),
   MIN_LOCATIONS: Number.parseInt(String(import.meta.env.VITE_MI_MIN_LOCATIONS), 10) || 4,
   CONTACT_EMAIL: import.meta.env.VITE_MI_CONTACT_EMAIL,
+  HIDE_AGENCIES: (import.meta.env.VITE_MI_HIDE_AGENCIES && import.meta.env.VITE_MI_HIDE_AGENCIES.toLowerCase()) === 'true',
 }
 
 export default env
diff --git a/frontend/src/pages/Booking.tsx b/frontend/src/pages/Booking.tsx
@@ -109,7 +109,7 @@ const Booking = () => {
         <div className="booking">
           <div className="col-1">
             <form>
-              {!isAgency && (
+              {!isAgency && !env.HIDE_AGENCIES && (
                 <FormControl fullWidth margin="dense">
                   <AgencySelectList
                     label={blStrings.AGENCY}
@@ -195,6 +195,7 @@ const Booking = () => {
               className="property"
               properties={((property && [booking.property]) as movininTypes.Property[]) || []}
               hidePrice
+              hideAgency={env.HIDE_AGENCIES}
             />
           </div>
         </div>

diff --git a/frontend/src/pages/Bookings.tsx b/frontend/src/pages/Bookings.tsx
@@ -64,6 +64,7 @@ const Bookings = () => {
               loading={loadingAgencies}
               hideDates={env.isMobile}
               checkboxSelection={false}
+              hideAgencyColumn={env.HIDE_AGENCIES}
             />
           </div>
         </div>

diff --git a/frontend/src/pages/Checkout.tsx b/frontend/src/pages/Checkout.tsx
@@ -434,6 +434,7 @@ const Checkout = () => {
                     hideActions
                     hidePrice
                     sizeAuto
+                    hideAgency={env.HIDE_AGENCIES}
                   />
 
                   <CheckoutOptions
@@ -467,15 +468,17 @@ const Checkout = () => {
                         <span className="checkout-detail-title">{strings.PROPERTY}</span>
                         <div className="checkout-detail-value">{`${property.name} (${helper.priceLabel(property, language)})`}</div>
                       </div>
-                      <div className="checkout-detail" style={{ height: bookingDetailHeight }}>
-                        <span className="checkout-detail-title">{commonStrings.AGENCY}</span>
-                        <div className="checkout-detail-value">
-                          <div className="property-agency">
-                            <img src={movininHelper.joinURL(env.CDN_USERS, property.agency.avatar)} alt={property.agency.fullName} style={{ height: env.AGENCY_IMAGE_HEIGHT }} />
-                            <span className="property-agency-name">{property.agency.fullName}</span>
+                      {!env.HIDE_AGENCIES && (
+                        <div className="checkout-detail" style={{ height: bookingDetailHeight }}>
+                          <span className="checkout-detail-title">{commonStrings.AGENCY}</span>
+                          <div className="checkout-detail-value">
+                            <div className="property-agency">
+                              <img src={movininHelper.joinURL(env.CDN_USERS, property.agency.avatar)} alt={property.agency.fullName} style={{ height: env.AGENCY_IMAGE_HEIGHT }} />
+                              <span className="property-agency-name">{property.agency.fullName}</span>
+                            </div>
                           </div>
                         </div>
-                      </div>
+                      )}
                       <div className="checkout-detail" style={{ height: bookingDetailHeight }}>
                         <span className="checkout-detail-title">{strings.COST}</span>
                         <div className="checkout-detail-value checkout-price">{movininHelper.formatPrice(price, commonStrings.CURRENCY, language)}</div>

diff --git a/frontend/src/pages/Property.tsx b/frontend/src/pages/Property.tsx
@@ -174,7 +174,7 @@ const Property = () => {
                 </div>
 
                 <div className="property-footer">
-                  <AgencyBadge agency={property.agency} />
+                  {env.HIDE_AGENCIES ? <div /> : <AgencyBadge agency={property.agency} />}
 
                   {
                     !hideAction

diff --git a/frontend/src/pages/Search.tsx b/frontend/src/pages/Search.tsx
@@ -15,6 +15,7 @@ import PropertyTypeFilter from '@/components/PropertyTypeFilter'
 import Map from '@/components/Map'
 import ViewOnMapButton from '@/components/ViewOnMapButton'
 import MapDialog from '@/components/MapDialog'
+import env from '@/config/env.config'
 
 import '@/assets/css/search.css'
 
@@ -119,11 +120,13 @@ const Properties = () => {
                   collapse
                   onSubmit={handlePropertyFilterSubmit}
                 />
-                <AgencyFilter
-                  className="filter"
-                  agencies={allAgencies}
-                  onChange={handleAgencyFilterChange}
-                />
+                {!env.HIDE_AGENCIES && (
+                  <AgencyFilter
+                    className="filter"
+                    agencies={allAgencies}
+                    onChange={handleAgencyFilterChange}
+                  />
+                )}
                 <PropertyTypeFilter
                   className="filter"
                   onChange={handlePropertyTypeFilterChange}
@@ -144,6 +147,7 @@ const Properties = () => {
               loading={loading}
               from={from}
               to={to}
+              hideAgency={env.HIDE_AGENCIES}
             />
           </div>
         </div>