现在我们需要的是为页面添加一个按钮，这个按钮是动态的，需要根据网站用户登录过后是否是vip来判断是否显示，然后按钮的效果是跳转到某个页面。
首先我们需要在页面中找到我们需要添加按钮的位置，找到对应的文件，然后比较好的是按钮下面有一个sign out退出按钮，那么我们要在这上面添加一个按钮，样式可以和signout一致，
那么我们就之间复制粘贴，现在页面上面有2个signout，我们改变文本内容subscription，我们就有了一个订阅按钮，但是我们更改id值为subscription-btn，然后在这个页面的js中document.getElementById获取元素，然后改display为none默认不显示，然后发送fetch给后端路径，然后用data获取返回的response对象，然后定义我们跳转的页面portalURl=data?portal.url ，
如果portalURl存在，给按钮外面的a标签添加href=portalURL,然后就实现我们想要的效果了。
但是呢还有react框架的一套页面也需要添加，也是在signout复制一下，有2个signout，然后我们改文本，在组件里面我们发现后端以及其他组件已经写好了获取portal的方法api，我们直接解构赋值获取就行，然后组件里面有subscription里面保存这订阅内容的对象，我们设置hasSubscription布尔值通过subscription的data对象长度来判断是否订阅，那么按钮无非就是添加点击事件，用window.open直接跳转portal路径，这样添加订阅按钮的任务就完成了。
这只是完成的思路，我现在写代码离不开ai，可能有思路但是还是下手难，还是写的少，希望坚持就有收获。