367: Refactor using router to get subscription id to using isOutsideCurrentSubscription prop

Author: Ruben van Leeuwen

packages/orchestrator-ui-components/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 
 import { useTranslations } from 'next-intl';
-import { useRouter } from 'next/router';
 
 import {
     EuiBadge,
@@ -43,9 +42,6 @@ export const WfoSubscriptionProductBlock = ({
     inUseByRelations,
     outsideCurrentSubscription = false,
 }: WfoSubscriptionProductBlockProps) => {
-    const router = useRouter();
-    const subscriptionId = router.query['subscriptionId'];
-
     const t = useTranslations('subscriptions.detail');
     const { theme } = useOrchestratorTheme();
     const {
@@ -129,8 +125,7 @@ export const WfoSubscriptionProductBlock = ({
                                             <b>{t('ownerSubscriptionId')}</b>
                                         </td>
                                         <td css={rightColumnStyle}>
-                                            {subscriptionId ===
-                                            ownerSubscriptionId ? (
+                                            {!outsideCurrentSubscription ? (
                                                 <>
                                                     <EuiBadge>
                                                         {t('self')}