+
+
+
+
-
-
-
-
-
-
- {nodePools.map((pool, poolIndex) => (
-
+
-
Node Pool #{poolIndex + 1}
- {nodePools.length > 1 && (
-
- )}
+
+
-
-
-
- handleNodePoolChange(poolIndex, 'label', e.target.value)}
- placeholder="worker-pool"
- />
-
+ {nodePools.map((pool, poolIndex) => (
+
+
+
Node Pool #{poolIndex + 1}
+ {nodePools.length > 1 && (
+
+ )}
+
-
-
-
-
-
-
-
- handleNodePoolChange(poolIndex, 'count', parseInt(e.target.value) || 1)}
- />
-
-
-
-
-
-
-
-
-
- {pool.ebs.map((disk, diskIndex) => (
-
+
-
+
handleDiskChange(poolIndex, diskIndex, 'disk', e.target.value)}
- placeholder="30"
+ value={pool.label}
+ onChange={(e) => handleNodePoolChange(poolIndex, 'label', e.target.value)}
+ placeholder="worker-pool"
/>
-
+
-
- {pool.ebs.length > 1 && (
-
- )}
+
+
+ handleNodePoolChange(poolIndex, 'count', parseInt(e.target.value) || 1)}
+ />
- ))}
-
-
- ))}
-
-
-
-
+
+
+
+
+
+
+ {pool.ebs.map((disk, diskIndex) => (
+
+
+
+ handleDiskChange(poolIndex, diskIndex, 'disk', e.target.value)}
+ placeholder="30"
+ />
+
+
+
+
+
+
+
+
+ {pool.ebs.length > 1 && (
+
+ )}
+
+
+ ))}
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+ )}
+
+ {/* Download Config Card - Always visible */}
+
+
+ Download Configuration
+
+ Enter your Cluster ID to download the kubeconfig file
(Try to download config file after 5 minutes from Deployment!)
+
+
+
+
+
+ setDownloadClusterId(e.target.value)}
+ placeholder="Enter your Cluster ID"
+ />
-
-
-
+
+
+
+
);
}
\ No newline at end of file
diff --git a/src/components/CommentSystem/LikeSystem.jsx b/src/components/CommentSystem/LikeSystem.jsx
new file mode 100644
index 0000000..1e9b174
--- /dev/null
+++ b/src/components/CommentSystem/LikeSystem.jsx
@@ -0,0 +1,98 @@
+import React, { useEffect, useState } from 'react';
+import { Heart, Loader2 } from 'lucide-react';
+
+export default function LikeSystem({ postId, siliconId, token }) {
+ const [liked, setLiked] = useState(false);
+ const [likeCount, setLikeCount] = useState(0);
+ const [loading, setLoading] = useState(false);
+
+ useEffect(() => {
+ const fetchLikeStatusAndCount = async () => {
+ try {
+ const countRes = await fetch(`https://sp-likes-pocndhvgmcnbacgb.siliconpin.com/posts/${postId}/likes`);
+ const countData = await countRes.json();
+ setLikeCount(countData.likes);
+
+ const likedRes = await fetch(
+ `https://sp-likes-pocndhvgmcnbacgb.siliconpin.com/is-liked?post_id=${postId}`,
+ {
+ headers: {
+ 'Authorization': `Bearer ${token}`,
+ 'X-SiliconId': siliconId,
+ },
+ }
+ );
+ const likedData = await likedRes.json();
+ setLiked(likedData.liked);
+ } catch (err) {
+ console.error("Error fetching like data", err);
+ }
+ };
+
+ fetchLikeStatusAndCount();
+ }, [postId, token, siliconId]);
+
+ const handleLikeToggle = async () => {
+ setLoading(true);
+ try {
+ const res = await fetch(`https://sp-likes-pocndhvgmcnbacgb.siliconpin.com/like`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${token}`,
+ 'X-SiliconId': siliconId,
+ },
+ body: JSON.stringify({ post_id: postId }),
+ });
+
+ const data = await res.json();
+ if (data.success) {
+ setLiked(data.liked);
+ setLikeCount(prev => data.liked ? prev + 1 : prev - 1);
+ }
+ } catch (error) {
+ console.error('Network error:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+
+ );
+}
diff --git a/src/components/PaymentSuccessfully.jsx b/src/components/PaymentSuccessfully.jsx
index b34464e..1ee889a 100644
--- a/src/components/PaymentSuccessfully.jsx
+++ b/src/components/PaymentSuccessfully.jsx
@@ -135,8 +135,8 @@ console.log('serviceName', serviceName)
) : (
<>
-
VPN Credentials
-
⚠️ Make sure to save these credentials in a safe place. We do not store them.
+
VPN Credentials
+
Install WireGuard (Available on Android / IOS / Linux / Windows / FreeBSD) Scan this QR code using WireGuard app or import the config file.
)
}
@@ -148,7 +148,6 @@ console.log('serviceName', serviceName)
{creds.qr_code && (
-
Scan this QR code with your WireGuard app
)}
@@ -161,6 +160,7 @@ console.log('serviceName', serviceName)
⚠️ Make sure to save these credentials in a safe place. We do not store them.