fix: Add response api link to docs navbar

[jobenjada]

fixes #1917

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Ignored Deployments

Name	Status	Preview	Updated (UTC)
formbricks-cloud	⬜️ Ignored (Inspect)		Jan 17, 2024 9:32pm
formbricks-com	⬜️ Ignored (Inspect)		Jan 17, 2024 9:32pm

[github-actions]

Thank you for following the naming conventions for pull request titles! 🙏

[review-agent-prime]

packages/ui/PricingCard/index.tsx

The current implementation of the PricingCard component has a complex conditional rendering logic which makes it hard to understand. It would be better to break down the logic into smaller, more manageable functions. This will make the code easier to read and maintain.
Create Issue
See the diff
Checkout the fix

    const renderSubscriptionStatus = () => {
      const feature = team.billing.features[featureNameKey];
      if (feature.status === "active") {
        if (feature.unlimited) {
          return <Badge text="Unlimited" size="normal" type="success" />;
        } else {
          return (
            <>
              <Badge text="Subscribed" size="normal" type="success" />
              <Button
                variant="secondary"
                onClick={(e) => onUbsubscribe(e)}
                className="absolute right-12 top-10">
                Unsubscribe
              </Button>
            </>
          );
        }
      } else if (feature.status === "cancelled") {
        return <Badge text="Cancelling at End of this Month" size="normal" type="warning" />;
      }
      return null;
    };

    // Then use this function in the JSX
    {renderSubscriptionStatus()}

git fetch origin && git checkout -b ReviewBot/Impro-kt1so3r origin/ReviewBot/Impro-kt1so3r

The current implementation of the PricingCard component has a complex conditional rendering logic for the pricing information. It would be better to extract this logic into a separate function. This will make the code easier to read and maintain.
Create Issue
See the diff
Checkout the fix

    const renderPricingInfo = () => {
      const feature = team.billing.features[featureNameKey];
      if (feature.status !== "inactive") {
        if (perMetricCharge) {
          return (
            <>
              <span className="text-sm font-medium text-slate-400">Approximately</span>
              <br />
              <span className="text-3xl font-bold text-slate-800">$</span>
              <span className="text-3xl font-bold text-slate-800">
                {(sliderValue! > freeTierLimit!
                  ? (sliderValue! - freeTierLimit!) * perMetricCharge
                  : 0
                ).toFixed(2)}
              </span>
              <br />
              <span className="text-sm font-medium text-slate-400">Month-to-Date</span>
            </>
          );
        } else {
          return (
            <>
              <span className="text-3xl font-bold text-slate-800">${monthlyPrice}</span>
              <span className="text-base font-medium text-slate-400">/ month</span>
            </>
          );
        }
      } else {
        return (
          <div>
            <span className="text-sm font-medium text-slate-400">{actionText}</span>
            <br />
            <span className="text-3xl font-bold text-slate-800">${monthlyPrice}</span>
            <span className="text-base font-medium text-slate-400">/ month</span>
          </div>
        );
      }
    };

    // Then use this function in the JSX
    {renderPricingInfo()}

git fetch origin && git checkout -b ReviewBot/Impro-8khgy7v origin/ReviewBot/Impro-8khgy7v

The current implementation of the PricingCard component has a complex conditional rendering logic for the upgrade button. It would be better to extract this logic into a separate function. This will make the code easier to read and maintain.
Create Issue
See the diff
Checkout the fix

    const renderUpgradeButton = () => {
      const feature = team.billing.features[featureNameKey];
      if (feature.status === "inactive") {
        return (
          <Button
            variant="darkCTA"
            className="w-full justify-center py-2 text-white shadow-sm"
            loading={loading}
            onClick={() => onUpgrade()}>
            Upgrade
          </Button>
        );
      }
      return null;
    };

    // Then use this function in the JSX
    {renderUpgradeButton()}

git fetch origin && git checkout -b ReviewBot/Impro-i6yrtgv origin/ReviewBot/Impro-i6yrtgv