From 19efacef9c00f46576462639d623e1891eefd887 Mon Sep 17 00:00:00 2001
From: Zeng1998 <acan.coder@gmail.com>
Date: Sat, 18 Feb 2023 18:08:35 +0800
Subject: [PATCH] chore: add desc for storage form (#1112)

---
 web/src/components/CreateStorageServiceDialog.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/web/src/components/CreateStorageServiceDialog.tsx b/web/src/components/CreateStorageServiceDialog.tsx
index be27b832..958c6078 100644
--- a/web/src/components/CreateStorageServiceDialog.tsx
+++ b/web/src/components/CreateStorageServiceDialog.tsx
@@ -158,30 +158,37 @@ const CreateStorageServiceDialog: React.FC<Props> = (props: Props) => {
       <div className="dialog-content-container">
         <Typography className="!mb-1" level="body2">
           Name
+          <span className="text-sm text-gray-400 ml-1">(Unique identifier)</span>
         </Typography>
         <Input className="mb-2" placeholder="Name" value={storageCreate.name} onChange={handleNameChange} fullWidth />
         <Typography className="!mb-1" level="body2">
           EndPoint
+          <span className="text-sm text-gray-400 ml-1">(S3-compatible server URL)</span>
         </Typography>
         <Input className="mb-2" placeholder="EndPoint" value={storageCreate.endPoint} onChange={handleEndPointChange} fullWidth />
         <Typography className="!mb-1" level="body2">
           Region
+          <span className="text-sm text-gray-400 ml-1">(Region name)</span>
         </Typography>
         <Input className="mb-2" placeholder="Region" value={storageCreate.region} onChange={handleRegionChange} fullWidth />
         <Typography className="!mb-1" level="body2">
           AccessKey
+          <span className="text-sm text-gray-400 ml-1">(Access Key / Access ID)</span>
         </Typography>
         <Input className="mb-2" placeholder="AccessKey" value={storageCreate.accessKey} onChange={handleAccessKeyChange} fullWidth />
         <Typography className="!mb-1" level="body2">
           SecretKey
+          <span className="text-sm text-gray-400 ml-1">(Secret Key / Secret Access Key)</span>
         </Typography>
         <Input className="mb-2" placeholder="SecretKey" value={storageCreate.secretKey} onChange={handleSecretKeyChange} fullWidth />
         <Typography className="!mb-1" level="body2">
           Bucket
+          <span className="text-sm text-gray-400 ml-1">(Bucket name)</span>
         </Typography>
         <Input className="mb-2" placeholder="Bucket" value={storageCreate.bucket} onChange={handleBucketChange} fullWidth />
         <Typography className="!mb-1" level="body2">
           URLPrefix
+          <span className="text-sm text-gray-400 ml-1">(Custom URL prefix; Optional)</span>
         </Typography>
         <Input className="mb-2" placeholder="URLPrefix" value={storageCreate.urlPrefix} onChange={handleURLPrefixChange} fullWidth />
         <div className="mt-2 w-full flex flex-row justify-end items-center space-x-1">