diff --git a/packages/files-ui/src/Components/FilesRoutes.tsx b/packages/files-ui/src/Components/FilesRoutes.tsx
index 32c1347f66..dea79cb7f7 100644
--- a/packages/files-ui/src/Components/FilesRoutes.tsx
+++ b/packages/files-ui/src/Components/FilesRoutes.tsx
@@ -22,7 +22,7 @@ export const ROUTE_LINKS = {
Settings: `${SETTINGS_BASE}/:path`,
SettingsDefault: `${SETTINGS_BASE}`,
PurchasePlan: "/purchase",
- UserSurvey: "https://shrl.ink/8eeP",
+ UserSurvey: "https://shrl.ink/kmAL",
GeneralFeedbackForm: "https://shrl.ink/gvVJ"
}
diff --git a/packages/files-ui/src/Components/SurveyBanner.tsx b/packages/files-ui/src/Components/SurveyBanner.tsx
index 5ffe775bdb..c3272d6ae9 100644
--- a/packages/files-ui/src/Components/SurveyBanner.tsx
+++ b/packages/files-ui/src/Components/SurveyBanner.tsx
@@ -6,14 +6,14 @@ import React, { useCallback } from "react"
import { CSFTheme } from "../Themes/types"
import { ROUTE_LINKS } from "./FilesRoutes"
-const SURVEY_VERSION = 1
+const SURVEY_VERSION = 2
export const DISMISSED_SURVEY_KEY = `csf.dismissedSurveyBannerV${SURVEY_VERSION}`
const useStyles = makeStyles(
- ({ constants, palette }: CSFTheme) => {
+ ({ constants }: CSFTheme) => {
return createStyles({
root: {
- backgroundColor: palette.primary.main,
+ background: "linear-gradient(90deg, rgba(81,101,220,1) 0%, rgba(3,150,166,1) 68%, rgba(22,212,96,1) 100%);",
padding: constants.generalUnit,
paddingLeft: constants.generalUnit * 2,
marginTop: constants.generalUnit,
@@ -21,7 +21,9 @@ const useStyles = makeStyles(
display: "flex"
},
banner: {
- color: constants.surveyBanner.color
+ color: constants.surveyBanner.color,
+ fontWeight: 600,
+ paddingRight: constants.generalUnit
},
link: {
marginLeft: constants.generalUnit * 2,
@@ -75,7 +77,7 @@ const SurveyBanner = ({ onHide }: Props) => {
variant="body1"
className={classes.banner}>
- Help us make Files better in under 30 seconds.
+ Are we on the right track? Let us know in less than 1 minute.