diff --git a/app/components/form/fields/SshKeysField.tsx b/app/components/form/fields/SshKeysField.tsx index 047ddbf838..7f5cea2f30 100644 --- a/app/components/form/fields/SshKeysField.tsx +++ b/app/components/form/fields/SshKeysField.tsx @@ -131,7 +131,7 @@ export function SshKeysField({ } title="No SSH keys" - body="You need to add a key to be able to see it here" + body="Add a key to see it here" buttonText="Add SSH Key" onClick={() => setShowAddSshKey(true)} /> diff --git a/app/pages/ProjectsPage.tsx b/app/pages/ProjectsPage.tsx index baeca9e0e1..b93c6133aa 100644 --- a/app/pages/ProjectsPage.tsx +++ b/app/pages/ProjectsPage.tsx @@ -37,7 +37,7 @@ const EmptyState = () => ( } title="No projects" - body="You need to create a project to be able to see it here" + body="Create a project to see it here" buttonText="New project" buttonTo={pb.projectsNew()} /> diff --git a/app/pages/project/disks/DisksPage.tsx b/app/pages/project/disks/DisksPage.tsx index 46bb5bd183..54965cd35f 100644 --- a/app/pages/project/disks/DisksPage.tsx +++ b/app/pages/project/disks/DisksPage.tsx @@ -41,7 +41,7 @@ const EmptyState = () => ( } title="No disks" - body="You need to create a disk to be able to see it here" + body="Create a disk to see it here" buttonText="New disk" buttonTo={pb.disksNew(useProjectSelector())} /> diff --git a/app/pages/project/floating-ips/FloatingIpsPage.tsx b/app/pages/project/floating-ips/FloatingIpsPage.tsx index d5e4547cf9..ea187488f8 100644 --- a/app/pages/project/floating-ips/FloatingIpsPage.tsx +++ b/app/pages/project/floating-ips/FloatingIpsPage.tsx @@ -47,7 +47,7 @@ const EmptyState = () => ( } title="No floating IPs" - body="You need to create a floating IP to be able to see it here" + body="Create a floating IP to see it here" buttonText="New Floating IP" buttonTo={pb.floatingIpsNew(useProjectSelector())} /> diff --git a/app/pages/project/images/ImagesPage.tsx b/app/pages/project/images/ImagesPage.tsx index e531704a06..981dc035a8 100644 --- a/app/pages/project/images/ImagesPage.tsx +++ b/app/pages/project/images/ImagesPage.tsx @@ -33,7 +33,7 @@ const EmptyState = () => ( } title="No images" - body="You need to create an image to be able to see it here" + body="Create an image to see it here" // buttonText="New image" // buttonTo="new" /> diff --git a/app/pages/project/instances/InstancesPage.tsx b/app/pages/project/instances/InstancesPage.tsx index e0e6c55887..acd0f7841f 100644 --- a/app/pages/project/instances/InstancesPage.tsx +++ b/app/pages/project/instances/InstancesPage.tsx @@ -39,7 +39,7 @@ const EmptyState = () => ( } title="No instances" - body="You need to create an instance to be able to see it here" + body="Create an instance to see it here" buttonText="New instance" buttonTo={pb.instancesNew(useProjectSelector())} /> diff --git a/app/pages/project/instances/instance/tabs/StorageTab.tsx b/app/pages/project/instances/instance/tabs/StorageTab.tsx index 7cb5c5851a..bf4b1f0503 100644 --- a/app/pages/project/instances/instance/tabs/StorageTab.tsx +++ b/app/pages/project/instances/instance/tabs/StorageTab.tsx @@ -160,7 +160,7 @@ export function StorageTab() { } title="No disks" - body="You need to attach a disk to this instance to be able to see it here" + body="Attach a disk to this instance to see it here" /> ) diff --git a/app/pages/project/snapshots/SnapshotsPage.tsx b/app/pages/project/snapshots/SnapshotsPage.tsx index 69b6b3988d..cced8b2804 100644 --- a/app/pages/project/snapshots/SnapshotsPage.tsx +++ b/app/pages/project/snapshots/SnapshotsPage.tsx @@ -46,7 +46,7 @@ const EmptyState = () => ( } title="No snapshots" - body="You need to create a snapshot to be able to see it here" + body="Create a snapshot to see it here" buttonText="New snapshot" buttonTo={pb.snapshotsNew(useProjectSelector())} /> diff --git a/app/pages/project/vpcs/VpcPage/tabs/VpcFirewallRulesTab.tsx b/app/pages/project/vpcs/VpcPage/tabs/VpcFirewallRulesTab.tsx index 950b9f4470..eb0c4d74df 100644 --- a/app/pages/project/vpcs/VpcPage/tabs/VpcFirewallRulesTab.tsx +++ b/app/pages/project/vpcs/VpcPage/tabs/VpcFirewallRulesTab.tsx @@ -162,7 +162,7 @@ export function VpcFirewallRulesTab() { diff --git a/app/pages/project/vpcs/VpcPage/tabs/VpcSubnetsTab.tsx b/app/pages/project/vpcs/VpcPage/tabs/VpcSubnetsTab.tsx index 57ff95a407..2ddf5df013 100644 --- a/app/pages/project/vpcs/VpcPage/tabs/VpcSubnetsTab.tsx +++ b/app/pages/project/vpcs/VpcPage/tabs/VpcSubnetsTab.tsx @@ -90,7 +90,7 @@ export function VpcSubnetsTab() { const emptyState = ( diff --git a/app/pages/project/vpcs/VpcsPage.tsx b/app/pages/project/vpcs/VpcsPage.tsx index 433e37c8eb..87f01df470 100644 --- a/app/pages/project/vpcs/VpcsPage.tsx +++ b/app/pages/project/vpcs/VpcsPage.tsx @@ -38,7 +38,7 @@ const EmptyState = () => ( } title="No VPCs" - body="You need to create a VPC to be able to see it here" + body="Create a VPC to see it here" buttonText="New VPC" buttonTo={pb.vpcsNew(useProjectSelector())} /> diff --git a/app/pages/settings/SSHKeysPage.tsx b/app/pages/settings/SSHKeysPage.tsx index 60f37303b7..b3fb59b5d3 100644 --- a/app/pages/settings/SSHKeysPage.tsx +++ b/app/pages/settings/SSHKeysPage.tsx @@ -67,7 +67,7 @@ export function SSHKeysPage() { } title="No SSH keys" - body="You need to add a SSH key to be able to see it here" + body="Add a SSH key to see it here" buttonText="Add SSH key" onClick={() => navigate(pb.sshKeysNew())} /> diff --git a/app/pages/system/SiloImagesPage.tsx b/app/pages/system/SiloImagesPage.tsx index fa7fa34674..c8f92d5937 100644 --- a/app/pages/system/SiloImagesPage.tsx +++ b/app/pages/system/SiloImagesPage.tsx @@ -43,7 +43,7 @@ const EmptyState = () => ( } title="No images" - body="You need to promote an image to be able to see it here" + body="Promote an image to see it here" /> ) diff --git a/app/pages/system/networking/IpPoolsPage.tsx b/app/pages/system/networking/IpPoolsPage.tsx index ea6c007879..f18d58bc7a 100644 --- a/app/pages/system/networking/IpPoolsPage.tsx +++ b/app/pages/system/networking/IpPoolsPage.tsx @@ -39,7 +39,7 @@ const EmptyState = () => ( } title="No IP pools" - body="You need to create an IP pool to be able to see it here" + body="Create an IP pool to see it here" buttonText="New IP pool" buttonTo={pb.ipPoolsNew()} /> diff --git a/app/pages/system/silos/SiloIpPoolsTab.tsx b/app/pages/system/silos/SiloIpPoolsTab.tsx index ba2a9d665a..3c2f3e42b0 100644 --- a/app/pages/system/silos/SiloIpPoolsTab.tsx +++ b/app/pages/system/silos/SiloIpPoolsTab.tsx @@ -32,7 +32,7 @@ const EmptyState = () => ( } title="No IP pools" - body="You need to create an IP pool to be able to see it here" + body="Create an IP pool to see it here" buttonText="New IP pool" buttonTo={pb.ipPoolsNew()} /> diff --git a/app/pages/system/silos/SilosPage.tsx b/app/pages/system/silos/SilosPage.tsx index f70306aeb6..e34821b3f3 100644 --- a/app/pages/system/silos/SilosPage.tsx +++ b/app/pages/system/silos/SilosPage.tsx @@ -38,7 +38,7 @@ const EmptyState = () => ( } title="No silos" - body="You need to create a silo to be able to see it here" + body="Create a silo to see it here" buttonText="New silo" buttonTo={pb.silosNew()} /> diff --git a/app/ui/lib/EmptyMessage.stories.tsx b/app/ui/lib/EmptyMessage.stories.tsx index d7eaf568d2..4be10aa001 100644 --- a/app/ui/lib/EmptyMessage.stories.tsx +++ b/app/ui/lib/EmptyMessage.stories.tsx @@ -13,7 +13,7 @@ export const Default = () => ( } title="No instances" - body="You need to create an instance to be able to see it here" + body="Create an instance to see it here" buttonText="New instance" buttonTo="new" /> diff --git a/app/ui/lib/EmptyMessage.tsx b/app/ui/lib/EmptyMessage.tsx index d568b884cf..3af5a863c3 100644 --- a/app/ui/lib/EmptyMessage.tsx +++ b/app/ui/lib/EmptyMessage.tsx @@ -46,7 +46,9 @@ export function EmptyMessage(props: Props) { )}

{props.title}

- {props.body &&

{props.body}

} + {props.body && ( +

{props.body}

+ )} {button} )