"Add new links" 功能页面layout

[Fei-Coding]

AS an A.C user I WANT TO type in or paste links to Linktree webpage SO THAT I can add new links to my personal file created on Linktree

Design 及 AC

AC1:

添加链接前，页面显示“You don't have any links to display. Click the button above to add one"

AC2: 点击Add New LInk 后， 下方出现编辑链接的编辑框，如下图: 左侧 分割栏

中间部分： 链接标题栏 超链接网址 工具栏

右侧 隐藏键 删除键

删除键： 点击删除键后，跳出 确认删除请求的对话框 可以选择cancel 或者 Delete to proceed 如果点击cancel, 则对话框消失，回到编辑link 对话框 如果点击Delete, 则此Link 编辑框消失，回到Add New Link 主页面

工具栏详情： 1， Redirect 点击redirect 键， 此工具变为蓝色，同时跳出Redirect 工具框， Redirect 键旁有问号（为不知道此工具用处的用户提供说明） 点击问号，页面会跳到一个 HOW TO SET UP A REDIRECT LINK 的说明详情页， 如图。 Note: Redirect 工具 只能Upgrade 后 才能使用。 如果想关闭此工具页， 点击右上角的X 即可。

2.Thumbnail 工具 点击Thumbnail, 工具呈现蓝色，同时跳出Add Thumbnail 工具框， 此工具无需升级即可使用

点击”Set Thumbnail“, 跳出Add Thumbnail的 对话框

添加的方式有两种： Upload your own thumbnail / Choose from Tabler Icons

如果选择Upload your own thumbnail --- 点击选项右侧的箭头后， 页面跳出上传文件对话框 对话框左侧有文件source 的选项

如果选择choose from Tabler Icons 页面跳转至Tabler Icons source pool

3. Prioritize 工具 点击后，工具图标呈现蓝色，同时跳出Prioritize 工具对话框，此工具需要升级后才使用

4. Schedule 工具 此工具需升级后才能使用

5. Lock 工具 点击后，此工具图标变为蓝色，同时跳出工具对话框，如下图 对话框内包含信息为： Lock this link 指示语 Visitors can only access this link by fulfilling certain criteria ( 对此功能的简要说明） Link locked with 的方式选项 Code ( 此选项需要升级才能使用） Date of Birth Sensitive Content NFT Contract Address

点击 Date of Birth 选项 跳出对话框如下图：

点击Sensitive Content, 跳出对话框如下：

点击NFT Contract Address, 跳出对话框如下：

[NorrisWu0]

Closing this issue since we have migrated to Jira