refactor options and styles for developeroptions

luckydiamond/src/mocks/DevelopersOptions.js

@@ -4,90 +4,102 @@ export default [
             username: "Rafael1209",
             userRole: 'Бэкендер',
             background: "#636363",
-            technologyText:"ASP,.NET,MongoDB,Designer",
+            technologyText: ['ASP,.NET,MongoDB', 'Designer'],
             technologyIcons: {
                 csharp: "@/assets/icons-developcard/csharp-logo.png",
                 figma: "@/assets/icons-developcard/figma.png"
             },
             socialIcons: {
-                github: "@/assets/icons-developcard/github.png",
+                telegram: "@/assets/icons-developcard/telegram.png",
                 discord: "@/assets/icons-developcard/discord.png",
-                telegram: "@/assets/icons-developcard/telegram.png"
+                github: "@/assets/icons-developcard/github.png"
             }
         },
         Hepatir:{
             username: "Hepatir",
             userRole: 'Бэкендер',
-            background:"#595959",
+            background: "#413C3B",
-            technologyText:"ASP,.NET,MongoDB,SQL",
+            technologyText: ['ASP,.NET,MongoDB', 'SQL'],
             technologyIcons: {
-                github: "@/assets/icons-developcard/github.png",
-                discord: "@/assets/icons-developcard/discord.png",
                 csharp: "@/assets/icons-developcard/csharp-logo.png",
-                telegram: "@/assets/icons-developcard/telegram.png",
+                sql: "@/assets/icons-developcard/sql-logo.png"
-                pngegg: "@/assets/icons-developcard/sql-logo.png"
             },
-
+            socialIcons: {
+                telegram: "@/assets/icons-developcard/telegram.png",
+                discord: "@/assets/icons-developcard/discord.png",
+                github: "@/assets/icons-developcard/github.png",
+            }
         },
         Ckutls_: {
             username: "Ckutls_",
             userRole: 'Фронтэндер',
             background: "#B88484",
-            technologyText:"HTML 5, CSS,JavaScript,Vue 3",
+            technologyText: ['html 5, css', 'JavaScript', 'Vue 3'],
             technologyIcons: {
-                github: "@/assets/icons-developcard/github.png",
+                html: '@/assets/icons-developcard/html.png',
-                discord: "@/assets/icons-developcard/discord.png",
-                telegram: "@/assets/icons-developcard/telegram.png",
                 js: "@/assets/icons-developcard/js.png",
                 vue: "@/assets/icons-developcard/vue.png"
+            },
+            socialIcons: {
+                telegram: "@/assets/icons-developcard/telegram.png",
+                discord: "@/assets/icons-developcard/discord.png",
+                github: "@/assets/icons-developcard/github.png",
             }
         },
         FUpir: {
             username: "FUpir",
             userRole: 'Дизайнер',
             background: "#C58E74",
-            technologyText:"Designer",
+            technologyText: ['Designer'],
             technologyIcons: {
-                discord: "@/assets/icons-developcard/discord.png",
-                telegram: "@/assets/icons-developcard/telegram.png",
                 figma: "@/assets/icons-developcard/figma.png"
+            },
+            socialIcons: {
+                telegram: "@/assets/icons-developcard/telegram.png",
+                discord: "@/assets/icons-developcard/discord.png"
             }
         },
         megatntmega: {
             username: "megatntmega",
             userRole: 'Дизайнер',
             background: "#393A3A",
-            technologyText:"Designer",
+            technologyText: ['Designer'],
             technologyIcons: {
-                discord: "@/assets/icons-developcard/discord.png",
+                figma: "@/assets/icons-developcard/figma.png"
+            },
+            socialIcons: {
                 telegram: "@/assets/icons-developcard/telegram.png",
-                Figma: "@/assets/icons-developcard/figma.png"
+                discord: "@/assets/icons-developcard/discord.png"
             }
         },
         busha888: {
             username: "busha888",
             userRole: 'Фронтэндер',
             background: "#742271",
-            technologyText:"HTML 5, CSS",
+            technologyText: ['html 5, css'],
             technologyIcons: {
-                github: "@/assets/icons-developcard/github.png",
-                telegram: "@/assets/icons-developcard/telegram.png",
-                odniclasniki: "@/assets/icons-developcard/odniclasniki.png",
-                like: "@/assets/icons-developcard/like.png",
                 html: "@/assets/icons-developcard/html.png"
+            },
+            socialIcons: {
+                odniclasniki: "@/assets/icons-developcard/odniclasniki.png",
+                telegram: "@/assets/icons-developcard/telegram.png",
+                like: "@/assets/icons-developcard/like.png",
+                github: "@/assets/icons-developcard/github.png",
             }
         },
         CLARFFY: {
             username: "CLARFFY",
             userRole: 'Дизайнер',
-            background:"#742271",
+            background: "#E2B374",
-            technologyText:"Designer",
+            technologyText: ['Designer'],
             technologyIcons: {
-                discord: "@/assets/icons-developcard/discord.png",
+                figma: "@/assets/icons-developcard/figma.png"
-                telegram: "@/assets/icons-developcard/telegram.png",
-                Figma: "@/assets/icons-developcard/figma.png"
-            }
             },
+            socialIcons: {
+                telegram: "@/assets/icons-developcard/telegram.png",
+                discord: "@/assets/icons-developcard/discord.png"
+            }
+        }
    }
 ]