fix: svg and links (#2603)

2026-01-06 05:40:02 -06:00 · 2024-05-10 14:27:33 +05:30
parent 64793132c7
commit 2b74054f4b
16 changed files with 17 additions and 17 deletions
--- a/apps/docs/components/icons/DiscordIcon.tsx
+++ b/apps/docs/components/icons/DiscordIcon.tsx
@@ -3,7 +3,7 @@ export const DiscordIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 640 512"
      height="1em"
      width="1em"
--- a/apps/docs/components/icons/GithubIcon.tsx
+++ b/apps/docs/components/icons/GithubIcon.tsx
@@ -3,7 +3,7 @@ export const GithubIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 496 512"
      height="1em"
      width="1em"
--- a/apps/docs/components/icons/TwitterIcon.tsx
+++ b/apps/docs/components/icons/TwitterIcon.tsx
@@ -3,7 +3,7 @@ export const TwitterIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 512 512"
      height="1em"
      width="1em"
--- a/apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/StylingView.tsx
+++ b/apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/StylingView.tsx
@@ -184,7 +184,7 @@ export const StylingView = ({
        <p className="text-sm text-slate-500">
          Adjust the theme in the{" "}
          <Link
-            href={`/environments/${environment.id}/settings/lookandfeel`}
+            href={`/environments/${environment.id}/product/look`}
            target="_blank"
            className="font-semibold underline">
            Look & Feel
--- a/apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/SurveyPlacementCard.tsx
+++ b/apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/SurveyPlacementCard.tsx
@@ -132,7 +132,7 @@ export default function SurveyPlacementCard({
            <div>
              <p className="text-xs text-slate-500">
                To keep the placement over all surveys consistent, you can{" "}
-                <Link href={`/environments/${environmentId}/settings/lookandfeel`} target="_blank">
+                <Link href={`/environments/${environmentId}/product/look`} target="_blank">
                  <span className="underline">set the global placement in the Look & Feel settings.</span>
                </Link>
              </p>
--- a/apps/web/app/(app)/environments/[environmentId]/product/api-keys/page.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/product/api-keys/page.tsx
@@ -43,7 +43,7 @@ export default async function ProfileSettingsPage({ params }) {
          isMultiLanguageAllowed={isMultiLanguageAllowed}
        />
      </PageHeader>
-      <EnvironmentNotice environmentId={environment.id} subPageUrl="/settings/api-keys" />
+      <EnvironmentNotice environmentId={environment.id} subPageUrl="/product/api-keys" />
      {environment.type === "development" ? (
        <SettingsCard
          title="Development Env Keys"
--- a/packages/surveys/src/components/general/ThankYouCard.tsx
+++ b/packages/surveys/src/components/general/ThankYouCard.tsx
@@ -45,7 +45,7 @@ export const ThankYouCard = ({
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
-        stroke-width="1.5"
+        strokeWidth="1.5"
        stroke="currentColor"
        class="h-24 w-24">
        <path
--- a/packages/surveys/src/components/questions/PictureSelectionQuestion.tsx
+++ b/packages/surveys/src/components/questions/PictureSelectionQuestion.tsx
@@ -154,7 +154,7 @@ export const PictureSelectionQuestion = ({
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
-                        stroke-width="1"
+                        strokeWidth="1"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        class="lucide lucide-expand">
--- a/packages/ui/ClientLogo/index.tsx
+++ b/packages/ui/ClientLogo/index.tsx
@@ -20,7 +20,7 @@ export const ClientLogo = ({ environmentId, product, previewSurvey = false }: Cl
      style={{ backgroundColor: product.logo?.bgColor }}>
      {previewSurvey && environmentId && (
        <Link
-          href={`/environments/${environmentId}/settings/lookandfeel`}
+          href={`/environments/${environmentId}/product/look`}
          className="group/link absolute h-full w-full hover:cursor-pointer"
          target="_blank">
          <ArrowUpRight
@@ -42,7 +42,7 @@ export const ClientLogo = ({ environmentId, product, previewSurvey = false }: Cl
        />
      ) : (
        <Link
-          href={`/environments/${environmentId}/settings/lookandfeel`}
+          href={`/environments/${environmentId}/product/look`}
          onClick={(e) => {
            if (!environmentId) {
              e.preventDefault();
--- a/packages/ui/SingleResponseCard/components/ResponseTagsWrapper.tsx
+++ b/packages/ui/SingleResponseCard/components/ResponseTagsWrapper.tsx
@@ -65,7 +65,7 @@ const ResponseTagsWrapper: React.FC<ResponseTagsWrapperProps> = ({
          size="sm"
          className="cursor-pointer p-0"
          onClick={() => {
-            router.push(`/environments/${environmentId}/settings/tags`);
+            router.push(`/environments/${environmentId}/product/tags`);
          }}>
          <SettingsIcon className="h-5 w-5 text-slate-300 hover:text-slate-400" />
        </Button>
--- a/packages/ui/icons/GithubIcon.tsx
+++ b/packages/ui/icons/GithubIcon.tsx
@@ -3,7 +3,7 @@ export const GithubIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 496 512"
      height="1em"
      width="1em"
--- a/packages/ui/icons/GoogleIcon.tsx
+++ b/packages/ui/icons/GoogleIcon.tsx
@@ -3,7 +3,7 @@ export const GoogleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 488 512"
      height="1em"
      width="1em"
--- a/packages/ui/icons/Html5Icon.tsx
+++ b/packages/ui/icons/Html5Icon.tsx
@@ -3,7 +3,7 @@ export const Html5Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 512 512"
      height="1em"
      width="1em"
--- a/packages/ui/icons/MicrosoftIcon.tsx
+++ b/packages/ui/icons/MicrosoftIcon.tsx
@@ -3,7 +3,7 @@ export const MicrosoftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) =>
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 448 512"
      height="1em"
      width="1em"
--- a/packages/ui/icons/NpmIcon.tsx
+++ b/packages/ui/icons/NpmIcon.tsx
@@ -3,7 +3,7 @@ export const NpmIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
    <svg
      stroke="currentColor"
      fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
      viewBox="0 0 512 512"
      height="1em"
      width="1em"
--- a/packages/ui/icons/SlackIcon.tsx
+++ b/packages/ui/icons/SlackIcon.tsx
@@ -7,7 +7,7 @@ export const SlackIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
-      stroke-width="2"
+      strokeWidth="2"
      stroke-linecap="round"
      stroke-linejoin="round"
      {...props}>