wip: stories

rodrimaia · rodrimaia · commit fba262c58a7e · 2023-04-24T11:39:52.000-03:00
diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx
@@ -121,21 +121,4 @@ const useStyles = makeStyles((theme) => ({
   main: {
     paddingTop: theme.spacing(5),
   },
-  ctaButton: {
-    backgroundImage: `linear-gradient(90deg, ${theme.palette.secondary.main} 0%, ${theme.palette.secondary.dark} 100%)`,
-    width: theme.spacing(30),
-    marginBottom: theme.spacing(4),
-  },
-  formSectionRoot: {
-    alignItems: "center",
-  },
-  description: {
-    color: theme.palette.text.secondary,
-    lineHeight: "160%",
-  },
-  title: {
-    ...theme.typography.h5,
-    fontWeight: 600,
-    marging: theme.spacing(1),
-  },
 }))
diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.stories.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.stories.tsx
@@ -9,6 +9,9 @@ export default {
 const licensesTest: GetLicensesResponse[] = [
   {
     id: 1,
+    uploaded_at: "1682346425",
+    expires_at: "1682346425",
+    uuid: "1",
     claims: {
       trial: false,
       all_features: true,
@@ -19,12 +22,21 @@ const licensesTest: GetLicensesResponse[] = [
   },
 ]
 
+const defaultArgs = {
+  showConfetti: false,
+  isLoading: false,
+  userLimitActual: 1,
+  userLimitLimit: 10,
+  licenses: licensesTest,
+}
+
 export const Default = {
+  args: defaultArgs,
+}
+
+export const Empty = {
   args: {
-    showConfetti: false,
-    isLoading: false,
-    userLimitActual: 1,
-    userLimitLimit: 10,
-    licenses: licensesTest,
+    ...defaultArgs,
+    licenses: [],
   },
 }
diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPageView.tsx
@@ -93,9 +93,7 @@ const useStyles = makeStyles((theme) => ({
     backgroundImage: `linear-gradient(90deg, ${theme.palette.secondary.main} 0%, ${theme.palette.secondary.dark} 100%)`,
     width: theme.spacing(30),
     marginBottom: theme.spacing(4),
-  },
-  removeButtom: {
-    color: "red",
+    marginTop: theme.spacing(4),
   },
 }))
 
