fix: show real date and remember survey list orientation

[jobenjada]

fix: show real date and remember survey list orientation

[vercel]

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

2 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
formbricks-cloud	⬜️ Ignored (Inspect)	Visit Preview		Feb 21, 2024 0:47am
formbricks-com	⬜️ Ignored (Inspect)	Visit Preview		Feb 21, 2024 0:47am

[github-actions]

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

[review-agent-prime]

packages/ui/SurveysList/components/SurveyCard.tsx

Instead of using multiple if-else statements, you can use a switch statement to improve the readability and performance of your code. Switch statements are faster than if-else statements when there are more than two conditions to be evaluated.
Create Issue
See the diff
Checkout the fix

    const surveyStatusLabel = useMemo(() => {
      switch(survey.status) {
        case "inProgress":
          return "Active";
        case "completed":
          return "Completed";
        case "draft":
          return "Draft";
        case "paused":
          return "Paused";
        default:
          return "";
      }
    }, [survey]);

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

Since the SurveyTypeIndicator component is a pure component (its output is solely determined by its props), you can use React.memo to avoid unnecessary re-renders when the props do not change. This can improve the performance of your application, especially when rendering large lists.
Create Issue
See the diff
Checkout the fix

    const SurveyTypeIndicator = React.memo(({ type }: { type: string }) => (
      <div className="flex items-center space-x-2 text-sm text-slate-600">
        {type === "web" ? (
          <>
            <Code className="h-4 w-4" />
            <span> In-app</span>
          </>
        ) : (
          <>
            <Link2Icon className="h-4 w-4" />
            <span> Link</span>
          </>
        )}
      </div>
    ));

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

Since the SurveyCard component is a pure component (its output is solely determined by its props), you can use React.memo to avoid unnecessary re-renders when the props do not change. This can improve the performance of your application, especially when rendering large lists.
Create Issue
See the diff
Checkout the fix

    const SurveyCard = React.memo(({...props}: SurveyCardProps) => {
      // existing component code
    });

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