init frontend

2024-04-02 11:18:51 +03:00
parent de951ae100
commit 07dd23ee8e
75 changed files with 9329 additions and 3 deletions
@@ -0,0 +1,5 @@
+.card{
+    max-width: 800px;
+    padding: 20px;
+    margin-bottom: 10px;
+}
@@ -0,0 +1,41 @@
+import { useTranslation } from "react-i18next";
+import { Button } from "../../shared/ui/button";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "../../shared/ui/card"
+import less from "./PlayerCard.module.less";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../shared/ui/dialog";
+import { Separator } from "../../shared/ui/separator";
+
+const PlayerCard = () =>{
+  const { t } = useTranslation();
+
+
+    return(
+        <Card className={`${less["card"]} flex flex-row `}>
+<div className="flex flex-col">
+  <CardHeader className="p-0">
+    <CardTitle className="p-0">Lorem ipsum</CardTitle>
+  </CardHeader >
+  <CardContent className="p-0 mt-2">
+    <p>{t("skills")}:</p>
+    <p>{t("viewingProfile")}:</p>
+
+  </CardContent>
+  <Dialog>
+  <DialogTrigger className="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-1">{t("open")}</DialogTrigger>
+  <DialogContent>
+    <DialogHeader>
+      <DialogTitle>фио</DialogTitle>
+      <DialogDescription>
+        <Separator></Separator>
+        такой то такой то
+
+      </DialogDescription>
+    </DialogHeader>
+  </DialogContent>
+</Dialog>
+  </div>
+</Card>
+
+    )
+}
+export default PlayerCard;
@@ -0,0 +1,11 @@
+.card-img{
+    border: 2px solid #cdcdcd;
+    border-radius: 8px;
+    width: 30%;
+    background: #d9d9d5
+}
+.card{
+    max-width: 800px;
+    padding: 20px;
+    margin-bottom: 10px;
+}
@@ -0,0 +1,27 @@
+import { Button } from "../../shared/ui/button";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "../../shared/ui/card"
+import less from "./TeamsCard.module.less";
+import { useTranslation } from "react-i18next";
+
+const TeamsCard = () =>{
+  const { t } = useTranslation();
+
+    return(
+        <Card className={`${less["card"]} flex flex-row`}>
+        <div className={less["card-img"]}></div>
+<div className="flex flex-col">
+  <CardHeader className="p-0 pl-2">
+    <CardTitle>Lorem ipsum</CardTitle>
+    <CardDescription>Lorem ipsum</CardDescription>
+  </CardHeader>
+  <CardContent className="p-0 pl-2 mt-4">
+    <p>Lorem ipsum dolor sit amet consectetur. Lorem justo sit nunc commodo nam fames dui ac ullamcorper. Laoreet faucibus semper adipiscing lobortis.</p>
+  </CardContent>
+  <Button  className="mt-5 ml-2">{t("respondRequest")}</Button>
+
+  </div>
+</Card>
+
+    )
+}
+export default TeamsCard;
@@ -0,0 +1,5 @@
+.card{
+    max-width: 800px;
+    padding: 20px;
+    margin-bottom: 10px;
+}
@@ -0,0 +1,26 @@
+import { useTranslation } from "react-i18next";
+import { Button } from "../../shared/ui/button";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "../../shared/ui/card"
+import less from "./VacancyCard.module.less";
+
+const VacancyCard = () =>{
+  const { t } = useTranslation();
+
+
+    return(
+        <Card className={`${less["card"]} flex flex-row `}>
+<div className="flex flex-col">
+  <CardHeader className="p-0">
+    <CardTitle className="p-0">Lorem ipsum</CardTitle>
+    <CardDescription>Lorem ipsum</CardDescription>
+  </CardHeader>
+  <CardContent className="p-0 mt-4">
+    <p>Lorem ipsum dolor sit amet consectetur. Lorem justo sit nunc commodo nam fames dui ac ullamcorper. Laoreet faucibus semper adipiscing lobortis.</p>
+  </CardContent>
+      <Button  className="mt-10">{t("respondRequest")}</Button>
+  </div>
+</Card>
+
+    )
+}
+export default VacancyCard;