Hugging Face's logo

Spaces:
deepak191z
/
RAI
Runtime error

App Files Community
RAI
File size: 3,847 Bytes 
229b3b8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
 
import useLayoutStore from '@/store/use-layout-store';
import { Icons } from '@/components/shared/icons';
import { Button } from '@/components/ui/button';
import { cn } from '@/lib/utils';

export default function MenuList() {
  const { setActiveMenuItem, setShowMenuItem, activeMenuItem, showMenuItem } =
    useLayoutStore();
  return (
    <div
      style={{ zIndex: 201 }}
      className="w-14 py-2 absolute top-1/2 -translate-y-1/2 mt-6 left-2.5 bg-zinc-950 rounded-lg shadow-lg flex flex-col   items-center"
    >
      <Button
        onClick={() => {
          setActiveMenuItem('uploads');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'uploads'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <Icons.upload width={20} />
      </Button>
      <Button
        onClick={() => {
          setActiveMenuItem('texts');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'texts'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <Icons.type width={20} />
      </Button>
      <Button
        onClick={() => {
          setActiveMenuItem('videos');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'videos'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <Icons.video width={20} />
      </Button>
      <Button
        onClick={() => {
          setActiveMenuItem('images');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'images'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <Icons.image width={20} />
      </Button>
      <Button
        onClick={() => {
          setActiveMenuItem('shapes');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'shapes'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <Icons.shapes width={20} />
      </Button>
      <Button
        onClick={() => {
          setActiveMenuItem('audios');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'audios'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <Icons.audio width={20} />
      </Button>

      <Button
        onClick={() => {
          setActiveMenuItem('transitions');
          setShowMenuItem(true);
        }}
        className={cn(
          showMenuItem && activeMenuItem === 'transitions'
            ? 'bg-grey-900'
            : 'text-muted-foreground',
        )}
        variant={'ghost'}
        size={'icon'}
      >
        <svg
          width={20}
          viewBox="0 0 24 24"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M3 5.30359C3 3.93159 4.659 3.24359 5.629 4.21359L11.997 10.5826L10.583 11.9966L5 6.41359V17.5856L10.586 11.9996L10.583 11.9966L11.997 10.5826L12 10.5856L18.371 4.21459C19.341 3.24459 21 3.93159 21 5.30359V18.6956C21 20.0676 19.341 20.7556 18.371 19.7856L12 13.5L13.414 11.9996L19 17.5866V6.41359L13.414 11.9996L13.421 12.0056L12.006 13.4206L12 13.4136L5.629 19.7846C4.659 20.7546 3 20.0676 3 18.6956V5.30359Z"
            fill="currentColor"
          />
        </svg>
      </Button>
    </div>
  );
}