From 2b462688243531b4be620a942f59defd4e0534d0 Mon Sep 17 00:00:00 2001
From: sct <sctsnipe@gmail.com>
Date: Thu, 12 Nov 2020 09:27:43 +0000
Subject: [PATCH] fix(frontend): always show request modal option for tv

---
 .../RequestModal/TvRequestModal.tsx           |   6 +
 src/components/TitleCard/index.tsx            |   6 +-
 src/components/TvDetails/index.tsx            | 136 +++++++++---------
 3 files changed, 77 insertions(+), 71 deletions(-)

diff --git a/src/components/RequestModal/TvRequestModal.tsx b/src/components/RequestModal/TvRequestModal.tsx
index 2e2995949..549e3dd90 100644
--- a/src/components/RequestModal/TvRequestModal.tsx
+++ b/src/components/RequestModal/TvRequestModal.tsx
@@ -328,6 +328,12 @@ const TvRequestModal: React.FC<RequestModalProps> = ({
                                 MediaRequestStatus.AVAILABLE && (
                                 <Badge badgeType="success">Available</Badge>
                               )}
+                            {mediaSeason?.status ===
+                              MediaStatus.PARTIALLY_AVAILABLE && (
+                              <Badge badgeType="success">
+                                Partially Available
+                              </Badge>
+                            )}
                             {mediaSeason?.status === MediaStatus.AVAILABLE && (
                               <Badge badgeType="success">Available</Badge>
                             )}
diff --git a/src/components/TitleCard/index.tsx b/src/components/TitleCard/index.tsx
index a38d6a2ec..f6fa1514f 100644
--- a/src/components/TitleCard/index.tsx
+++ b/src/components/TitleCard/index.tsx
@@ -97,7 +97,8 @@ const TitleCard: React.FC<TitleCardProps> = ({
               right: '-1px',
             }}
           >
-            {currentStatus === MediaStatus.AVAILABLE && (
+            {(currentStatus === MediaStatus.AVAILABLE ||
+              currentStatus === MediaStatus.PARTIALLY_AVAILABLE) && (
               <Available className="rounded-tr-md" />
             )}
             {currentStatus === MediaStatus.PENDING && (
@@ -256,7 +257,8 @@ const TitleCard: React.FC<TitleCardProps> = ({
                       </svg>
                     </button>
                   )}
-                  {currentStatus === MediaStatus.AVAILABLE && (
+                  {(currentStatus === MediaStatus.AVAILABLE ||
+                    currentStatus === MediaStatus.PARTIALLY_AVAILABLE) && (
                     <button className="w-full h-7 text-center text-white bg-green-400 rounded-sm ml-2">
                       <svg
                         className="w-4 mx-auto"
diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index 35c5654bd..487765b95 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -175,91 +175,89 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
               <FormattedMessage {...messages.request} />
             </Button>
           )}
-          {data.mediaInfo &&
-            data.mediaInfo.status !== MediaStatus.UNKNOWN &&
-            data.mediaInfo.status !== MediaStatus.AVAILABLE && (
-              <ButtonWithDropdown
-                dropdownIcon={
+          {data.mediaInfo && data.mediaInfo.status !== MediaStatus.UNKNOWN && (
+            <ButtonWithDropdown
+              dropdownIcon={
+                <svg
+                  className="w-5 h-5"
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    fillRule="evenodd"
+                    d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"
+                    clipRule="evenodd"
+                  />
+                </svg>
+              }
+              text={
+                <>
                   <svg
-                    className="w-5 h-5"
+                    className="w-4 mr-1"
                     fill="currentColor"
                     viewBox="0 0 20 20"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
                       fillRule="evenodd"
-                      d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"
+                      d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
                       clipRule="evenodd"
                     />
                   </svg>
-                }
-                text={
+                  <FormattedMessage {...messages.requestmore} />
+                </>
+              }
+              onClick={() => setShowRequestModal(true)}
+            >
+              {hasPermission(Permission.MANAGE_REQUESTS) &&
+                activeRequests &&
+                activeRequests.length > 0 && (
                   <>
-                    <svg
-                      className="w-4 mr-1"
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <ButtonWithDropdown.Item
+                      onClick={() => modifyRequests('approve')}
                     >
-                      <path
-                        fillRule="evenodd"
-                        d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-                        clipRule="evenodd"
-                      />
-                    </svg>
-                    <FormattedMessage {...messages.requestmore} />
-                  </>
-                }
-                onClick={() => setShowRequestModal(true)}
-              >
-                {hasPermission(Permission.MANAGE_REQUESTS) &&
-                  activeRequests &&
-                  activeRequests.length > 0 && (
-                    <>
-                      <ButtonWithDropdown.Item
-                        onClick={() => modifyRequests('approve')}
+                      <svg
+                        className="w-4 mr-1"
+                        fill="currentColor"
+                        viewBox="0 0 20 20"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <svg
-                          className="w-4 mr-1"
-                          fill="currentColor"
-                          viewBox="0 0 20 20"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                        <FormattedMessage
-                          {...messages.approverequests}
-                          values={{ requestCount: activeRequests.length }}
+                        <path
+                          fillRule="evenodd"
+                          d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
+                          clipRule="evenodd"
                         />
-                      </ButtonWithDropdown.Item>
-                      <ButtonWithDropdown.Item
-                        onClick={() => modifyRequests('decline')}
+                      </svg>
+                      <FormattedMessage
+                        {...messages.approverequests}
+                        values={{ requestCount: activeRequests.length }}
+                      />
+                    </ButtonWithDropdown.Item>
+                    <ButtonWithDropdown.Item
+                      onClick={() => modifyRequests('decline')}
+                    >
+                      <svg
+                        className="w-4 mr-1"
+                        fill="currentColor"
+                        viewBox="0 0 20 20"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <svg
-                          className="w-4 mr-1"
-                          fill="currentColor"
-                          viewBox="0 0 20 20"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                        <FormattedMessage
-                          {...messages.declinerequests}
-                          values={{ requestCount: activeRequests.length }}
+                        <path
+                          fillRule="evenodd"
+                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+                          clipRule="evenodd"
                         />
-                      </ButtonWithDropdown.Item>
-                    </>
-                  )}
-              </ButtonWithDropdown>
-            )}
+                      </svg>
+                      <FormattedMessage
+                        {...messages.declinerequests}
+                        values={{ requestCount: activeRequests.length }}
+                      />
+                    </ButtonWithDropdown.Item>
+                  </>
+                )}
+            </ButtonWithDropdown>
+          )}
           {hasPermission(Permission.MANAGE_REQUESTS) && (
             <Button buttonType="default" className="ml-2">
               <svg