-
- }
- emptyIcon={}
+
- {ratingCountPosition && (
-
- { (votesInfo?.totalVotes ?? 0) + (votesInfo?.voteCounts?.length === 6 ? 1 : 0)}
-
+ display: "flex",
+ alignItems: "center",
+ flexDirection: ratingCountPosition === "top" ? "column" : "row",
+ }}
+ >
+ {ratingCountPosition === "top" && (
+ <>
+
+ {(votesInfo?.totalVotes ?? 0) +
+ (votesInfo?.voteCounts?.length === 6 ? 1 : 0)}{" "}
+ {" RATINGS"}
+
+
+ {value?.toFixed(1)}
+
+ >
)}
-
-
-
}
+ emptyIcon={
}
+ sx={{
+ display: "flex",
+ gap: "2px",
+ }}
+ />
+ {ratingCountPosition === "right" && (
+
+ {(votesInfo?.totalVotes ?? 0) +
+ (votesInfo?.voteCounts?.length === 6 ? 1 : 0)}
+
+ )}
+
+
+
({
+ display: "flex",
+ alignItems: 'center',
+ width: '100%',
+ }));
+
+ export const AppsCategoryInfoSub = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: 'column',
+ }));
+ export const AppsCategoryInfoLabel = styled(Typography)(({ theme }) => ({
+ fontSize: '12px',
+ fontWeight: 700,
+ lineHeight: 1.2,
+ color: '#8D8F93',
+ }));
+ export const AppsCategoryInfoValue = styled(Typography)(({ theme }) => ({
+ fontSize: '12px',
+ fontWeight: 500,
+ lineHeight: 1.2,
+ color: '#8D8F93',
+ }));
+ export const AppsInfoDescription = styled(Typography)(({ theme }) => ({
+ fontSize: '13px',
+ fontWeight: 300,
+ lineHeight: 1.2,
+ width: '90%',
+ textAlign: 'start'
}));
\ No newline at end of file
diff --git a/src/components/Apps/Apps.tsx b/src/components/Apps/Apps.tsx
index 0c2d1f3..1c532c2 100644
--- a/src/components/Apps/Apps.tsx
+++ b/src/components/Apps/Apps.tsx
@@ -267,7 +267,7 @@ export const Apps = ({ mode, setMode, show , myName}) => {
hasPublishApp={!!(myApp || myWebsite)}
/>
)}
- {mode === "appInfo" && }
+ {mode === "appInfo" && }
{mode === "publish" && }
{tabs.map((tab) => {